*,*:before,*:after{box-sizing:border-box}:root{--bg-color: #020010;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--accent-primary: #8B5CF6;--accent-secondary: #D946EF;--accent-cyan: #06B6D4;--accent-glow: rgba(139, 92, 246, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:24px;box-shadow:0 4px 30px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 10px 40px -10px #8b5cf64d;transform:translateY(-5px)}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c084fc,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.section-desc{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;padding:14px 32px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--accent-glow);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-primary: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}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1)}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:14px 32px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.app-container{min-height:100vh;position:relative;overflow:hidden}.background-orbs{position:fixed;inset:0;pointer-events:none;z-index:-1}.orb{position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(100px);opacity:.3}.orb-primary{top:-20%;left:-10%;background:radial-gradient(circle,var(--accent-primary),transparent 70%)}.orb-secondary{bottom:-20%;right:-10%;background:radial-gradient(circle,var(--accent-secondary),transparent 70%);opacity:.2}.orb-tertiary{top:40%;left:30%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%);opacity:.1;filter:blur(120px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);background:#02001099;transition:all .3s ease}.nav-content{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:#fff}.accent-text{background:linear-gradient(to right,#c084fc,#d946ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:none;align-items:center}@media(min-width:768px){.nav-links{display:flex;gap:2.5rem}}.nav-links a:not(.nav-contact-btn){color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:not(.nav-contact-btn):hover{color:#fff}.nav-contact-btn{padding:8px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.nav-contact-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}section{padding:100px 0}