:root{--bg-color:#000;--bg-secondary:#0a0a0a;--bg-surface:#ffffff08;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff14;--border-highlight:#ffffff26;--accent-gradient:linear-gradient(135deg, #ff6b6b 0%, #845ef7 100%);--accent-gradient-alt:linear-gradient(135deg, #18a0fb 0%, #b854f5 100%);--accent-color:#845ef7;--glass-bg:#0a0a0a80;--shadow-sm:0 4px 6px -1px #00000080;--shadow-glow:0 0 20px #845ef74d;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-full:999px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}body{position:relative;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.spotlight{pointer-events:none;z-index:0;background:radial-gradient(at top,#845ef726 0%,#0000 70%);width:100vw;height:60vh;position:fixed;top:-20%;left:50%;transform:translate(-50%)}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.04em;line-height:1.1}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:1px solid #0000;outline:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color);box-shadow:0 0 15px #ffffff1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #fff3}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--border-highlight);background:#ffffff0f;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--text-primary);color:var(--bg-color)}.navbar{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.logo-icon{color:var(--text-primary)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--text-primary)}.hero{z-index:1;text-align:center;align-items:center;min-height:90vh;padding:160px 0 100px;display:flex;position:relative}.hero .container{flex-direction:column;align-items:center;gap:60px;display:flex}.badge{border-radius:var(--radius-full);color:#b854f5;background:#845ef71a;border:1px solid #845ef733;margin-bottom:24px;padding:6px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.hero-title{max-width:900px;margin:0 auto 24px;font-size:clamp(3rem,6vw,5rem)}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:16px;display:flex}.hero-visual{perspective:1000px;width:100%;max-width:800px;margin-top:40px;position:relative}.glow-orb{background:var(--accent-gradient-alt);filter:blur(100px);opacity:.2;z-index:-1;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-mockup{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#0d0d0d;transition:transform .8s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:rotateX(10deg)scale(.95);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a}.dashboard-mockup:hover{transform:rotateX(0)scale(1)}.mockup-header{border-bottom:1px solid var(--border-color);background:#ffffff05;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-body{background:#0a0a0a;min-height:250px;padding:24px}.code-line{background:#ffffff0a;border-radius:4px;height:20px;margin-bottom:12px}.w-80{width:80%}.w-60{width:60%}.w-90{width:90%}.w-40{width:40%}.w-70{width:70%}.mt-l{margin-top:24px}.projects{z-index:2;padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;padding:32px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;height:1px;transition:var(--transition);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-highlight);transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.project-card:hover:before{opacity:1}.card-content{z-index:2;flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.project-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff0d;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.project-card h3{font-size:1.25rem}.project-card p{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.5}.project-link{color:var(--text-primary);opacity:.6;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.project-card:hover .project-link{opacity:1}.card-glow{pointer-events:none;opacity:0;z-index:1;width:300px;height:300px;left:var(--mouse-x,50%);top:var(--mouse-y,50%);background:radial-gradient(circle,#ffffff0f 0%,#0000 60%);border-radius:50%;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.project-card:hover .card-glow{opacity:1}.philosophy{padding:100px 0}.philosophy-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.philosophy-text h2{margin-bottom:40px;font-size:2.5rem}.philosophy-list{flex-direction:column;gap:32px;display:flex}.philosophy-list li{gap:16px;display:flex}.check-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:4px;font-size:12px;display:flex}.philosophy-list strong{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;display:block}.philosophy-list p{color:var(--text-secondary);line-height:1.5}.philosophy-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;padding:32px 24px}.stat-number{color:var(--text-primary);margin-bottom:8px;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.9rem}.cta-section{padding:100px 0}.cta-box{background:radial-gradient(ellipse at bottom, #845ef726, transparent 80%), var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;max-width:800px;margin:0 auto;padding:80px 40px}.cta-box h2{margin-bottom:16px;font-size:2.5rem}.cta-box p{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem}.cta-form{justify-content:center;gap:16px;max-width:500px;margin:0 auto;display:flex}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition);background:#ffffff0d;outline:none;flex-grow:1;padding:0 24px;font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--border-highlight);background:#ffffff14}footer{border-top:1px solid var(--border-color);background:#000;padding:80px 0 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:60px;display:flex}.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--text-secondary);max-width:300px;line-height:1.5}.footer-links{gap:80px;display:flex}.link-group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:24px;font-size:.9rem}.link-group a{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;display:block}.link-group a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:40px;font-size:.875rem}@media (width<=900px){.philosophy-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-actions,.cta-form{flex-direction:column}.footer-links{flex-direction:column;gap:40px}}