@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--text-primary: #ffffff;--text-secondary: #b0b3c1;--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--glass-bg: rgba(255, 255, 255, .1);--glass-bg1: rgb(15, 15, 15);--glass-border: rgba(255, 255, 255, .081);--border-gray-800: #1f2937;--num-services: 4}[data-theme=light]{--text-primary: #1a202c;--text-secondary: #4a5568;--bg-primary: #f6fbff;--bg-secondary: #ffffff;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1);--accent-purple: #7c3aed;--accent-blue: #2563eb;--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--border-gray-800: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);cursor:none;overflow-x:hidden;transition:all .3s ease}section{margin-bottom:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes geometricFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-30px) rotate(180deg) scale(1.1)}}@keyframes waveMove{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1);opacity:.3}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000001a}.btn-primary{background:var(--primary-gradient);background-size:200% auto;color:#fff;padding:16px 32px;border-radius:50px;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:none;cursor:none;display:inline-flex;align-items:center;text-decoration:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #8b5cf64d;background-position:right center}.cursor{position:fixed;width:12px;height:12px;background:var(--accent-purple);border-radius:50%;pointer-events:none;z-index:9999;transition:all .15s ease;mix-blend-mode:difference;will-change:transform}.cursor-follower{position:fixed;width:32px;height:32px;background:transparent;border:2px solid var(--accent-blue);border-radius:50%;pointer-events:none;z-index:9998;transition:all .25s ease;opacity:.7;will-change:transform}.cursor-hover{transform:scale(2);background:var(--accent-blue)}.cursor-follower-hover{transform:scale(1.5);opacity:1}.typewriter-container{height:5rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.typewriter{font-weight:800;font-size:4rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:5rem;display:flex;align-items:center}.typewriter-cursor{display:inline-block;width:4px;height:4rem;background:var(--accent-purple);margin-left:8px;animation:blink 1s infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--accent-purple);border-radius:50%;opacity:.4;animation:float 8s linear infinite}.particle:nth-child(2n){background:var(--accent-blue);animation-duration:12s}[data-theme=light] .particle{opacity:.6}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:32px;transition:all .4s ease;cursor:none}.project-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0003}.scroll-reveal-container{position:relative;height:calc(var(--num-services) * 100vh)}.service-sticky-wrapper{position:sticky;top:0;height:100vh;overflow:hidden}.service-card-reveal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:opacity,transform;z-index:1}#contact .contact-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);z-index:0;pointer-events:none;transition:transform .2s cubic-bezier(.25,.46,.45,.94);animation:geometricFloat 25s infinite ease-in-out}[data-theme=light] #contact .contact-bg-shape{background:linear-gradient(135deg,#7c3aed1a,#2563eb1a)}.glass-effect-light{background:var(--glass-bg);border:1px solid var(--glass-border)}.contact-input{width:100%;background-color:#ffffff0d;border:1px solid var(--border-gray-800);color:var(--text-primary);padding:12px 16px;border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.contact-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 4px #8b5cf633;transform:scale(1.02)}[data-theme=light] .contact-input{background-color:#00000008}.theme-toggle{position:fixed;bottom:30px;right:30px;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50%;padding:16px;width:56px;height:56px;cursor:none;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-toggle:hover{transform:scale(1.1)}@media (max-width: 768px){.typewriter{font-size:2.5rem;min-height:3.5rem}.typewriter-cursor{height:2.5rem}.typewriter-container{height:3.5rem}}.bg-custom-light{background-color:#f6fbff!important}