.exf{--exf-ink:#111f3d;--exf-ink-soft:#3a4a6b;--exf-blue:#1e4a8a;--exf-blue-light:#2e5fa8;--exf-cyan:#5cc5ef;--exf-sky:#c8dff7;--exf-paper:#fbfcfe;--exf-line:#1e4a8a24;--exf-line-soft:#1e4a8a14}.exf-grain:after{content:"";z-index:0;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.exf-canvas{background:radial-gradient(900px 520px at 8% -8%, #5cc5ef1a, transparent 60%), radial-gradient(800px 480px at 100% 4%, #2e5fa814, transparent 58%), var(--exf-paper);position:relative}.exf-hero{isolation:isolate;background:radial-gradient(1100px 560px at 14% -12%,#5cc5ef38,#0000 58%),radial-gradient(820px 520px at 92% -6%,#78b4f02e,#0000 52%),linear-gradient(157deg,#0c1a35 0%,#14294b 48%,#1d3f73 100%);position:relative;overflow:hidden}.exf-hero-lines{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 0,#000 30%,#0000 75%)}.exf-eyebrow{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;display:inline-flex}.exf-eyebrow:before{content:"";opacity:.6;background:currentColor;width:1.6rem;height:1px}.exf-rule{background:linear-gradient(90deg, var(--exf-line), transparent);width:100%;height:1px}.exf-display{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.015em;font-weight:600;line-height:1.04}.exf-card{border:1px solid var(--exf-line-soft);background:#fff;border-radius:22px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s;position:relative;box-shadow:0 1px 2px #111f3d0a,0 18px 40px -24px #111f3d38}.exf-card-link:hover .exf-card{border-color:var(--exf-line);transform:translateY(-5px);box-shadow:0 1px 2px #111f3d0d,0 28px 56px -26px #111f3d57}.exf-themes-bg{background:radial-gradient(640px 460px at 10% 4%,#5cc5ef33,#0000 60%),radial-gradient(560px 460px at 90% 14%,#6366f126,#0000 60%),radial-gradient(660px 500px at 62% 100%,#2abfab24,#0000 60%),radial-gradient(520px 420px at 30% 80%,#3b82f61a,#0000 60%),#edf3fb;position:relative}.exf-glass{-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid #fff9;border-radius:22px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #111f3d0a,0 20px 44px -26px #111f3d4d}.exf-card-link:hover .exf-glass{transform:translateY(-6px);box-shadow:inset 0 1px #ffffffd9,0 1px 2px #111f3d0d,0 32px 62px -26px #111f3d6b}.exf-glass-sheen{z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff8c 0%,#fff0 44%);position:absolute;inset:0}.exf-tile-accent{transform-origin:0;border-radius:3px 3px 0 0;height:3px;transition:height .4s cubic-bezier(.22,1,.36,1)}.exf-card-link:hover .exf-tile-accent{height:6px}.exf-index{font-family:var(--font-serif), Georgia, serif;font-variant-numeric:tabular-nums;opacity:.35;font-weight:600}.exf-q{border:1px solid var(--exf-line-soft);background:#fff;border-radius:20px;transition:box-shadow .35s,border-color .35s;position:relative;box-shadow:0 1px 2px #111f3d0a}.exf-q:hover{border-color:var(--exf-line);box-shadow:0 14px 36px -22px #111f3d42}.exf-qnum{font-family:var(--font-serif), Georgia, serif;font-variant-numeric:tabular-nums;font-weight:600}.exf-opt{transition:background-color .25s,border-color .25s}.exf-reveal>summary{list-style:none}.exf-reveal>summary::-webkit-details-marker{display:none}.exf-reveal[open] .exf-answer{animation:.45s cubic-bezier(.22,1,.36,1) both exf-fade}@keyframes exf-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes exf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.exf-rise{animation:.75s cubic-bezier(.22,1,.36,1) both exf-rise}.exf-stagger>*{animation:.7s cubic-bezier(.22,1,.36,1) both exf-rise}.exf-stagger>:first-child{animation-delay:0s}.exf-stagger>:nth-child(2){animation-delay:60ms}.exf-stagger>:nth-child(3){animation-delay:.12s}.exf-stagger>:nth-child(4){animation-delay:.18s}.exf-stagger>:nth-child(5){animation-delay:.24s}.exf-stagger>:nth-child(6){animation-delay:.3s}.exf-stagger>:nth-child(7){animation-delay:.36s}.exf-stagger>:nth-child(8){animation-delay:.42s}.exf-stagger>:nth-child(9){animation-delay:.48s}@media (prefers-reduced-motion:reduce){.exf-rise,.exf-stagger>*,.exf-reveal[open] .exf-answer{animation:none}.exf-card,.exf-q,.exf-tile-accent{transition:none}}
