:root{--color-bg:#f8f9ff;--color-surface:#fff;--color-surface-2:#f0f4ff;--color-text:#0b1c30;--color-text-muted:#4a6178;--color-text-subtle:#7a9bb5;--color-primary:#006591;--color-primary-light:#0ea5e9;--color-primary-dark:#0f172a;--color-accent:#39b8fd;--gradient-signature:linear-gradient(135deg, #0f172a 0%, #006591 60%, #39b8fd 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #004d6e 50%, #006591 100%);--gradient-cta:linear-gradient(135deg, #006591 0%, #0ea5e9 100%);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0b1c300f, 0 1px 2px #0b1c300a;--shadow-md:0 4px 16px #0b1c3014, 0 2px 4px #0b1c300a;--shadow-lg:0 10px 40px #0b1c301f, 0 4px 12px #0b1c300f;--shadow-xl:0 20px 60px #0b1c3029;--glass-bg:#ffffffd9;--glass-border:#fff6;--glass-blur:blur(20px);--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--container-narrow:800px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:1rem;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-xs{font-size:.75rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.5}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.3}.text-3xl{font-size:2rem;line-height:1.2}.text-4xl{font-size:2.75rem;line-height:1.15}.text-5xl{font-size:3.5rem;line-height:1.1}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-white{color:#fff}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-xl);margin-inline:auto}.container-narrow{width:100%;max-width:var(--container-narrow);padding-inline:var(--space-xl);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.w-full{width:100%}.min-h-screen{min-height:100vh}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-body);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 14px #0065914d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00659166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid #00659140}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-dark{background:var(--color-primary-dark);color:#fff}.btn-dark:hover:not(:disabled){background:#1e3a5f}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-body{padding:var(--space-xl)}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-primary{color:var(--color-primary);background:#0065911a}.badge-success{color:var(--color-success);background:#10b9811a}.badge-warning{color:var(--color-warning);background:#f59e0b1a}.progress-bar{border-radius:var(--radius-full);background:#0065911f;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-cta);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.affinity-bar-wrapper{align-items:center;gap:var(--space-md);display:flex}.affinity-bar-track{border-radius:var(--radius-full);background:#0000000f;flex:1;height:10px;overflow:hidden}.affinity-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.gradient-text{background:var(--gradient-cta);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding-block:var(--space-3xl)}.section-sm{padding-block:var(--space-2xl)}.section-lg{padding-block:5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.9)}}.animate-fade-in-up{animation:.6s both fadeInUp}.animate-fade-in{animation:.4s both fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.scale-btn{border-radius:var(--radius-lg);background:var(--color-surface-2);min-width:0;transition:all var(--transition-base);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.375rem;padding:1rem .75rem;display:flex}.scale-btn:hover{background:#00659114;border-color:#00659133;transform:translateY(-2px)}.scale-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00659159}.scale-btn .scale-number{font-size:1.25rem;font-weight:700;font-family:var(--font-display);line-height:1}.scale-btn .scale-label{text-align:center;color:var(--color-text-muted);font-size:.6875rem;font-weight:500;line-height:1.3}.scale-btn.selected .scale-label{color:#ffffffd9}.importance-toggle{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1.5px solid #00659133;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}.importance-toggle.active{border-color:var(--color-warning);color:#b45309;background:#f59e0b14}.importance-toggle:hover:not(.active){background:#0065910a;border-color:#00659166}.hero{background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cookie-banner{bottom:var(--space-lg);background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-xl);width:calc(100% - 2rem);max-width:680px;padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-xl);z-index:1000;animation:.4s fadeInUp;position:fixed;left:50%;transform:translate(-50%)}.region-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:1.5px solid #0000;display:flex}.region-card:hover{box-shadow:var(--shadow-md);border-color:#00659133;transform:translateY(-2px)}.region-card.active{border-color:var(--color-primary);background:#0065910d}.region-flag{border-radius:var(--radius-sm);background:var(--color-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:28px;font-size:1.25rem;display:flex}@media (max-width:768px){.container,.container-narrow{padding-inline:var(--space-lg)}.text-4xl{font-size:2rem}.text-5xl{font-size:2.5rem}.section{padding-block:var(--space-2xl)}.section-lg{padding-block:var(--space-3xl)}.grid-2,.grid-3{grid-template-columns:1fr}.cookie-banner{width:calc(100% - 1.5rem);padding:var(--space-md) var(--space-lg)}}@media (max-width:480px){.container,.container-narrow{padding-inline:var(--space-md)}.scale-btn{padding:.75rem .5rem}.scale-btn .scale-number{font-size:1rem}}