@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg-base:45 33% 98%;--bg-surface:0 0% 100%;--bg-card:0 0% 100%;--primary-indigo:250 75% 52%;--primary-cyan:192 91% 32%;--primary-violet:262 68% 48%;--cyan-bright:184 100% 48%;--violet-bright:275 80% 56%;--text-primary:225 29% 12%;--text-secondary:224 15% 28%;--text-muted:222 12% 42%;--border-light:42 15% 40% / .16;--border-glow:192 91% 32% / .25;--success:150 75% 28%;--warning:35 90% 34%;--danger:350 75% 40%;--font-heading:"Fraunces", Georgia, "Times New Roman", serif;--font-heading-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-label:"Space Grotesk", ui-monospace, SFMono-Regular, monospace;--glass-shadow:0 1px 2px #151a260a, 0 10px 28px -14px #151a261f;--accent-shadow:0 8px 20px -8px #6427ce59;--cyan-shadow:0 8px 20px -10px #077e9c59}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}::selection{background:hsl(var(--primary-cyan));color:#fff}.grain-texture{opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.interactive-grid{background-image:linear-gradient(90deg,#151a260d 1px,#0000 1px),linear-gradient(#151a260d 1px,#0000 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;color:hsl(var(--text-primary));font-weight:600;line-height:1.18}.gradient-text{background:linear-gradient(135deg, hsl(var(--text-primary)) 30%, hsl(var(--primary-cyan)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-text{background:linear-gradient(100deg, #0a8dae, hsl(var(--primary-violet)) 75%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.font-label{font-family:var(--font-label);letter-spacing:.15em;text-transform:uppercase;color:hsl(var(--primary-cyan));font-size:11.5px;font-weight:600}.glass-panel{background:hsl(var(--bg-card));border:1px solid hsla(var(--border-light));box-shadow:var(--glass-shadow);border-radius:18px;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:hsla(var(--primary-cyan) / .35);box-shadow:0 2px 4px #151a260d,0 18px 40px -14px #151a2629}.btn{font-family:var(--font-body);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(100deg, #0a8dae, hsl(var(--primary-violet)));color:#fff;box-shadow:var(--accent-shadow);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5031ed66}.btn-secondary{background:hsl(var(--bg-surface));color:hsl(var(--text-primary));border:1px solid hsla(var(--border-light))}.btn-secondary:hover{background:hsl(var(--bg-surface));border-color:hsla(var(--primary-cyan) / .45);transform:translateY(-2px)}.btn-cyan{background:linear-gradient(100deg, #0a8dae, hsl(var(--primary-violet)));color:#fff;box-shadow:var(--cyan-shadow);border:none}.btn-cyan:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 12px 28px -10px #6427ce73}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:30px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-active{background:hsla(var(--success) / .15);color:hsl(var(--success));border:1px solid hsla(var(--success) / .3)}.badge-closing{background:hsla(var(--warning) / .15);color:hsl(var(--warning));border:1px solid hsla(var(--warning) / .3)}.badge-closed{background:hsla(var(--text-muted) / .12);color:hsl(var(--text-muted));border:1px solid hsla(var(--text-muted) / .3)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#12162180;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:hsl(var(--bg-surface));border:1px solid hsla(var(--border-light));width:100%;max-width:600px;box-shadow:var(--glass-shadow);border-radius:20px;padding:36px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.9)}.modal-overlay.open .modal-content{transform:scale(1)}.close-btn{color:hsl(var(--text-secondary));cursor:pointer;background:#21242c0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{color:hsl(var(--text-primary));background:#21242c1f}.form-group{text-align:left;margin-bottom:20px}.form-label{color:hsl(var(--text-secondary));margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{background:hsl(var(--bg-surface));border:1px solid hsla(var(--border-light));width:100%;color:hsl(var(--text-primary));font-family:var(--font-body);border-radius:10px;padding:12px 16px;font-size:15px;transition:all .3s}.form-input:focus{border-color:hsl(var(--primary-cyan));background:hsl(var(--bg-surface));outline:none;box-shadow:0 0 0 3px #077e9c1f}.grid-2{grid-template-columns:repeat(2,1fr);align-items:center;gap:40px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=991px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){section{padding:60px 0}.grid-2,.grid-3{grid-template-columns:1fr}.grid-2{gap:30px}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px #077e9c2e}50%{box-shadow:0 0 28px 4px #077e9c4d}}@keyframes pulseSquare{0%,to{opacity:0}50%{opacity:.28}}form:tool-form-active{outline-offset:4px;outline:2px dashed hsl(var(--primary-cyan))!important;box-shadow:var(--glass-shadow), 0 0 20px 0 #077e9c26!important;background:#077e9c0a!important}button:tool-submit-active{outline-offset:4px;outline:2px dashed hsl(var(--primary-violet))!important;box-shadow:var(--accent-shadow)!important;animation:1.5s infinite pulseGlow!important}.custom-cursor{border:1px solid hsl(var(--primary-cyan));pointer-events:none;z-index:9999;will-change:transform;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-16px;margin-left:-16px;transition:background .3s ease-out,border-color .3s ease-out;display:flex;position:fixed;top:0;left:0}.custom-cursor.hovering{background:hsla(var(--primary-cyan) / .1);border-color:hsla(var(--primary-cyan) / .2)}.custom-cursor-dot{background:hsl(var(--primary-cyan));border-radius:50%;width:4px;height:4px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{white-space:nowrap;gap:96px;animation:40s linear infinite marqueeScroll;display:flex}@media (hover:none) and (pointer:coarse){.custom-cursor{display:none!important}}.aurora-wash{background:radial-gradient(900px 420px at 78% -10%,#099ec31f,#0000 60%),radial-gradient(700px 380px at 12% 0,#6427ce17,#0000 60%),radial-gradient(600px 300px at 50% 115%,#29a37a0f,#0000 60%)}.dark-band{color:#edf1f7;background:#0b1020}.dark-band h1,.dark-band h2,.dark-band h3,.dark-band h4{color:#f4f7fb}.dark-band .font-label{color:#7de8f5}.dark-band .aurora-d{pointer-events:none;background:radial-gradient(700px 320px at 80% 0,#00e4f51a,#0000 60%),radial-gradient(600px 300px at 15% 100%,#9e35e91a,#0000 60%);position:absolute;inset:0}.dark-band .form-input{color:#fff;background:#ffffff12;border-color:#ffffff29}.dark-band .form-input::placeholder{color:#fff6}.dark-band .form-input:focus{border-color:#00e4f580;box-shadow:0 0 0 3px #00e4f526}
