@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..700;1,400..700&display=swap";:root{--color-bg:#fafaf9;--color-bg-subtle:#f5f6f6;--color-ink:#141414;--color-ink-secondary:#5c5c5c;--color-ink-tertiary:#9a9a9a;--color-accent:#1b3a6b;--color-accent-hover:#15305a;--color-accent-light:#e8edf4;--color-border:#e5e5e5;--color-success:#1a7a4c;--color-success-bg:#e8f5e9;--color-success-border:#c8e6c9;--color-error:#c23b22;--color-error-bg:#fdf2f2;--color-error-border:#fde8e8;--transition-base:.15s cubic-bezier(.4, 0, .2, 1);--font-display:"EB Garamond", Georgia, serif;--font-body:"Biko", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000008, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #00000008, 0 4px 6px -2px #00000005;--shadow-xs:0 1px 2px #00000008;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-card-hover:0 20px 40px #0000000f, 0 8px 16px #00000008;--shadow-elevated:0 25px 50px #0000000f, 0 12px 24px #0000000a;--shadow-glow:0 0 0 3px #1b3a6b14;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width-content:1200px;--header-height:70px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Biko;src:url(/fonts/Biko_Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Biko;src:url(/fonts/Biko_Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Biko;src:url(/fonts/Biko_Black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Biko;src:url(/fonts/Biko_Light-Restricted.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-ink);font-size:var(--text-base);font-weight:var(--weight-regular);flex-direction:column;min-height:100vh;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-ink);text-wrap:balance;line-height:1.2}h1{font-size:var(--text-4xl);font-weight:var(--weight-medium)}h2{font-size:var(--text-3xl);font-weight:var(--weight-medium)}h3{font-size:var(--text-2xl);font-weight:var(--weight-medium)}p{color:var(--color-ink-secondary);line-height:1.6}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.skip-link{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);z-index:9999;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;transition:transform var(--transition-base), opacity var(--transition-base);opacity:0;padding:.75rem 1.5rem;position:absolute;top:-100px;left:20px}.skip-link:focus-visible{opacity:1;outline-offset:-4px;outline:2px solid #fff;top:20px}.tabular-nums{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-tertiary)}::selection{background-color:var(--color-accent-light);color:var(--color-accent)}.container{width:100%;max-width:var(--max-width-content);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.text-serif{font-family:var(--font-display)}.text-sans{font-family:var(--font-body)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1b3a6b00}50%{box-shadow:0 0 0 8px #1b3a6b14}}@keyframes progressFill{0%{width:0}}.animate-fade-in{animation:fadeSlideUp var(--transition-normal) cubic-bezier(.215, .61, .355, 1) forwards}.spinner{animation:1s linear infinite spin}.animate-fade-right{animation:fadeSlideRight var(--transition-slow) forwards}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.page-transition{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .1s forwards fadeSlideUp}.stagger-children>*{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.stagger-children>:nth-child(9){animation-delay:.48s}.stagger-children>:nth-child(10){animation-delay:.54s}.skeleton{background:linear-gradient(90deg, var(--color-bg-subtle) 25%, #eee 50%, var(--color-bg-subtle) 75%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{width:60%;height:1.5em;margin-bottom:.75em}.skeleton-circle{border-radius:var(--radius-full)}.premium-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow);background-color:#fff}.premium-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-6px)}.premium-btn{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:.875rem 2rem;display:inline-flex;position:relative;overflow:hidden}.premium-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.premium-btn:hover:after{transform:translate(100%)}.premium-btn:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #1b3a6b33}.premium-btn:active{transform:translateY(0)}.premium-btn:disabled{background-color:var(--color-ink-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.premium-btn:disabled:after{display:none}.premium-btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background-color:#0000;padding:.875rem 2rem;display:inline-flex}.premium-btn-secondary:hover{background-color:var(--color-accent-light);transform:translateY(-2px)}.premium-btn-secondary:active{transform:translateY(0)}.premium-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);color:var(--color-ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;padding:.875rem 1rem}.premium-input:focus{box-shadow:var(--shadow-glow);outline:none;border-color:var(--color-accent)!important}.premium-input::placeholder{color:var(--color-ink-tertiary);font-style:italic}.premium-radio-label{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;display:flex}.premium-radio-label:hover{border-color:var(--color-accent);background-color:var(--color-bg-subtle)}.premium-radio-label:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.premium-radio-label.checked{border-color:var(--color-accent);background-color:var(--color-accent-light);color:var(--color-accent)}.premium-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 10px;line-height:1;display:inline-flex}.premium-badge-accent{background-color:var(--color-accent-light);color:var(--color-accent)}.premium-badge-success{color:var(--color-success);background-color:#e8f5e9}.premium-badge-error{color:var(--color-error);background-color:#fdf2f2}.premium-divider{background:linear-gradient(to right, transparent, var(--color-border), transparent);height:1px;margin:var(--space-8) 0;border:none}.premium-progress-track{background-color:var(--color-bg-subtle);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.premium-progress-fill{background:linear-gradient(90deg, var(--color-accent), #2e5ca8);border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative}.premium-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200% 100%;animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}.premium-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}.premium-table th{padding:var(--space-4) var(--space-6);font-weight:var(--weight-bold);color:var(--color-ink);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.premium-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);color:var(--color-ink-secondary);transition:background-color var(--transition-fast)}.premium-table tr:hover td{background-color:var(--color-bg-subtle)}@media (width>=768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}h1{font-size:var(--text-5xl)}}@media (width<=480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}.data-matrix{gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=576px){.data-matrix{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.data-matrix{grid-template-columns:repeat(4,1fr)}}.data-matrix-cell{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-5);min-height:140px;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), opacity var(--transition-base);background-color:#fff;flex-direction:column;justify-content:space-between;display:flex;position:relative}.data-matrix-cell:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.data-matrix-cell.completed{border-color:var(--color-accent);background-color:var(--color-bg)}.data-matrix-cell.completed:before{content:"";background-color:var(--color-success);width:100%;height:3px;position:absolute;top:0;left:0}.data-matrix-cell.active{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.data-matrix-cell.active:before{content:"";background-color:var(--color-accent);width:100%;height:3px;position:absolute;top:0;left:0}.data-matrix-cell.pending{opacity:.55;background-color:var(--color-bg-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;background-attachment:scroll!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}