@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0d0f13,#151920);color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.home-container{--primary-color: #4f46e5;--secondary-color: #ec4899;--text-color: #1f2937;--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glow-color: rgba(99, 102, 241, .4)}.home-container.dark{--text-color: #f3f4f6;--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .8);--glass-bg: rgba(15, 23, 42, .3);--glass-border: rgba(255, 255, 255, .1)}.home-container{background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease,color .5s ease;position:relative;overflow-x:hidden}.theme-toggle{position:fixed;top:2rem;right:2rem;z-index:100;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-content{text-align:center;z-index:2;max-width:800px;padding:0 2rem}.headline{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2}.tagline{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:3rem;opacity:.9}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.floating-3d-element{position:absolute;right:5%;bottom:10%;width:300px;height:300px;z-index:1}.magnetic-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.magnetic-button.large{padding:1.2rem 2.5rem;font-size:1.2rem}.magnetic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.magnetic-button:hover:before{left:100%}section{padding:6rem 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.tilt-card{background:var(--card-bg);border-radius:20px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #0000001a}.tilt-card:hover{box-shadow:0 15px 40px #00000026}.card-icon{font-size:3rem;margin-bottom:1.5rem}.tilt-card h3{font-size:1.5rem;margin-bottom:1rem}.carousel-container{overflow:hidden;margin:3rem 0}.projects-carousel{display:flex;gap:2rem;padding:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-carousel::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:0 0 350px;background:var(--card-bg);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transform-style:preserve-3d}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.tech-badges{position:absolute;bottom:0;left:0;right:0;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;background:linear-gradient(transparent,#000c)}.tech-badge{background:var(--primary-color);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.project-info{padding:1.5rem}.project-info h3{font-size:1.3rem;margin-bottom:.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.glass-card{background:var(--glass-bg);border-radius:20px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transform-style:preserve-3d;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.glass-card:before{content:"";position:absolute;top:var(--glow-y, 50%);left:var(--glow-x, 50%);width:100px;height:100px;background:radial-gradient(var(--glow-color),transparent 70%);opacity:0;transition:opacity .3s ease;transform:translate(-50%,-50%)}.glass-card:hover:before{opacity:.6}.service-icon{font-size:2.5rem;margin-bottom:1.5rem}.glass-card h3{font-size:1.3rem;margin-bottom:1rem}.cta-section{text-align:center;padding:8rem 0}.cta-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-waves{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.1}.cta-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:2rem}.floating-cv-btn{position:fixed;bottom:2rem;left:2rem;z-index:100;background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:#fff;padding:1rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 5px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-center{text-align:center}@media (max-width: 768px){.hero-content{padding:0 1rem}.cta-buttons{flex-direction:column;align-items:center}.floating-3d-element{display:none}.highlights-grid,.services-grid{grid-template-columns:1fr}.projects-carousel{padding:.5rem}.project-card{flex:0 0 300px}.theme-toggle{top:1rem;right:1rem}.floating-cv-btn{bottom:1rem;left:1rem;padding:.8rem 1.2rem;font-size:.9rem}}.dark-mode body{background-color:#0f172a;color:#f3f4f6}.section-reveal{opacity:0;transform:translateY(50px)}html{scroll-behavior:smooth}.fullscreen-section{scroll-snap-align:start}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}