:root{--bg-canvas:#faf9f5;--bg-surface:#fff;--bg-surface-subtle:#f3efe7;--bg-surface-tint:#ebe5d9;--bg-dark:#0d1520;--text-primary:#0d1520;--text-secondary:#3f4e63;--text-muted:#6b7c95;--text-inverse:#faf9f5;--border-subtle:#0d152014;--border-medium:#0d152026;--border-strong:#0d152040;--accent-coral:#f53;--accent-coral-hover:#e84523;--accent-coral-soft:#ff553317;--accent-coral-border:#ff553340;--accent-coral-glow:#f533;--accent-lime:#16a34a;--accent-lime-vivid:#84cc16;--accent-lime-soft:#16a34a1a;--accent-lime-border:#16a34a40;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--max-width:1200px;--header-height:76px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0d15200a, 0 1px 2px #0d152005;--shadow-card:0 8px 30px -4px #0d15200a, 0 2px 8px -2px #0d152008;--shadow-hover:0 20px 40px -10px #0d152012, 0 6px 14px -3px #0d15200a;--shadow-modal:0 25px 60px -12px #0d152040;--glass-bg:#faf9f5d9;--glass-border:#0d152014;--glass-blur:16px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-canvas);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:90px}body{background-color:var(--bg-canvas);background-image:radial-gradient(#0d15200b 1px,#0000 1px);background-size:28px 28px;min-height:100vh;font-size:1rem;line-height:1.6;position:relative;overflow-x:hidden}.skip-link{background:var(--text-primary);color:#fff;z-index:9999;border-radius:var(--radius-sm);transition:top var(--transition-fast);padding:12px 20px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:20px}.skip-link:focus{outline:2px solid var(--accent-coral);outline-offset:3px;top:20px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.2}p{color:var(--text-secondary);line-height:1.65}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-coral);outline-offset:3px}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width>=768px){.container{padding-left:36px;padding-right:36px}}.section{padding:96px 0;position:relative}@media (width<=768px){.section{padding:64px 0}}.section-header{max-width:680px;margin-bottom:56px}.section-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-coral);align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-flex}.section-tag:before{content:"";background-color:var(--accent-coral);border-radius:50%;width:6px;height:6px;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(2rem,3.8vw,2.75rem);font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.btn{border-radius:var(--radius-full);transition:all var(--transition-smooth);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:#fff;border:1px solid var(--text-primary);box-shadow:0 2px 8px #0d15201f}.btn-primary:hover{background-color:#1a2636;transform:translateY(-1px);box-shadow:0 6px 16px #0d152029}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9}.btn-secondary:hover{border-color:var(--text-primary);background-color:#fff;transform:translateY(-1px)}.btn-coral{background-color:var(--accent-coral);color:#fff;border:1px solid var(--accent-coral);box-shadow:0 4px 14px var(--accent-coral-glow)}.btn-coral:hover{background-color:var(--accent-coral-hover);border-color:var(--accent-coral-hover);box-shadow:0 6px 20px var(--accent-coral-glow);transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.875rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);box-shadow:var(--shadow-card);padding:32px;position:relative}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-medium);transform:translateY(-3px)}.badge{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-coral{background:var(--accent-coral-soft);border-color:var(--accent-coral-border);color:var(--accent-coral)}.badge-lime{background:var(--accent-lime-soft);border-color:var(--accent-lime-border);color:var(--accent-lime)}.pulse-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px;position:relative}.pulse-dot:after{content:"";opacity:.6;border:1.5px solid;border-radius:50%;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.8)}60%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.placeholder-callout{border-left:3px solid var(--accent-coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-mono);color:var(--text-muted);background:#0d152008;margin-top:14px;padding:10px 14px;font-size:.76rem;line-height:1.5}.placeholder-callout strong{color:var(--text-secondary)}.form-group{margin-bottom:22px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-label .required-indicator{color:var(--accent-coral);margin-left:2px}.form-hint{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;display:block}.form-input,.form-textarea{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #0d152014}:is(.form-input:user-invalid,.form-textarea:user-invalid){background-color:#fef2f2;border-color:#dc2626}:is(.form-input:user-valid:not(:placeholder-shown),.form-textarea:user-valid:not(:placeholder-shown)){border-color:#16a34a}.form-error{color:#dc2626;align-items:center;gap:6px;margin-top:6px;font-size:.82rem;display:none}:is(.form-input:user-invalid~.form-error,.form-textarea:user-invalid~.form-error),.form-error.is-visible{display:flex}.orbital-ring{border:1px dashed var(--border-subtle);pointer-events:none;border-radius:50%;position:absolute}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0d152099;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;max-width:680px;max-height:85vh;box-shadow:var(--shadow-modal);padding:40px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pulse-dot:after{display:none}}
