.catalog-notice{display:flex;gap:14px;align-items:flex-start;border:1px solid #5862aa66;background:#1c254565;border-radius:16px;padding:16px 19px;margin-bottom:26px;color:#c4d1e8;font-family:Prompt,sans-serif;font-size:12px}.catalog-notice>span{color:#a9aaff;font-size:20px}.catalog-notice strong{color:#e5eaff;font-size:13px}.catalog-notice p{margin:5px 0 0;line-height:1.7}.catalog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.catalog-search{border:1px solid #34405b;background:#10182b;border-radius:12px;display:flex;align-items:center;gap:12px;padding:3px 15px;max-width:430px;width:100%}.catalog-search span{font-size:25px;color:#a3adff}.catalog-search input{outline:0;border:0;background:none;color:#f3f6ff;width:100%;padding:13px 0;font:400 13px Prompt,sans-serif}.catalog-search input::placeholder{color:#74829b}.catalog-count{font-size:12px;color:#8594ad}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic{background:linear-gradient(145deg,#182340,#0c1325);border:1px solid #2c3955;border-radius:20px;min-height:200px;padding:24px;text-align:left;color:#fff;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.topic:before{content:'';position:absolute;top:-60px;right:-60px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#7686f22c,transparent 70%);transition:transform .4s}.topic:hover{transform:translateY(-7px);border-color:#9298ff;box-shadow:0 15px 35px #05081677}.topic:hover:before{transform:scale(1.6)}.topic-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #6978c2;border-radius:14px;color:#9cb8ff;font:600 22px Inter,sans-serif;margin-bottom:23px}.topic small{display:block;font:700 9px Inter,sans-serif;letter-spacing:.14em;color:#8f9ebd}.topic strong{display:block;font:600 17px Prompt,sans-serif;margin-top:7px}.topic-arrow{position:absolute;right:22px;top:23px;color:#a7b5ff}.catalog-caption{margin-top:20px;color:#8291ab;font-size:11px;font-family:Prompt,sans-serif}.empty{color:#aab7d4}.lab-section{padding-top:55px}.doc-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2e3a59;border-radius:27px;overflow:hidden;background:linear-gradient(135deg,#15203a,#0b1121)}.doc-copy{padding:42px}.doc-tag{font:700 9px Inter,sans-serif;letter-spacing:.15em;color:#a6a9ff}.doc-copy h3{font:600 clamp(25px,3vw,36px)/1.45 Prompt,sans-serif;margin:22px 0}.doc-copy p{font:400 14px/1.9 Prompt,sans-serif;color:#aab8d2;max-width:450px}.doc-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.doc-options span{border:1px solid #384966;border-radius:100px;color:#c3cfe5;padding:7px 12px;font-size:11px;font-family:Prompt,sans-serif}.doc-link{display:inline-block;font:600 12px Prompt,sans-serif}.doc-showcase{min-height:465px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#4d5aa455,transparent 65%)}.doc-back,.doc-page{position:absolute;width:240px;height:315px;background:#f2f1f4;box-shadow:0 28px 50px #03071570;border-radius:3px}.doc-back{transform:rotate(-14deg) translate(-25px,-3px);background:#cdd3e5}.doc-page{padding:25px;transform:rotate(7deg);color:#202941}.doc-page-top{font:800 11px Inter,sans-serif;letter-spacing:.14em}.doc-page-top span{font-size:5px;letter-spacing:.05em;color:#8990a2}.doc-caption{margin-top:32px;font:700 6px Inter,sans-serif;letter-spacing:.15em;color:#8c91a1}.doc-page-title{margin-top:16px;font:700 26px/1.05 Inter,sans-serif;letter-spacing:-1px}.doc-page-title span{color:#6a71c9}.doc-rule{width:35px;height:3px;background:#8c91de;margin:20px 0}.doc-lines i{display:block;height:3px;background:#dce0e7;margin-top:7px}.doc-lines i:nth-child(3){width:80%}.doc-lines i:nth-child(5){width:65%}.doc-page-bottom{position:absolute;bottom:22px;font:700 7px Inter,sans-serif;letter-spacing:.1em;color:#777f94}.doc-floating{position:absolute;top:35px;right:22px;border:1px solid #7787c5;background:#1f2d54;padding:10px 12px;border-radius:8px;font:700 8px Inter,sans-serif;letter-spacing:.08em;color:#c7d1f2}.doc-disclaimer{position:absolute;bottom:17px;color:#8f9cba;font:400 10px Prompt,sans-serif}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.process-grid>div{border-top:1px solid #34405d;padding-top:20px}.process-grid span{font:700 12px Inter,sans-serif;color:#a7aaff}.process-grid h3{font:600 16px Prompt,sans-serif;margin:25px 0 8px}.process-grid p{font:400 12px/1.8 Prompt,sans-serif;color:#9faec8}.contact-panel{align-items:center}.brief-label{display:block;margin-bottom:15px;color:#cbd5e8;font:500 12px Prompt,sans-serif}.brief-label select,.brief-label textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #526182;border-radius:10px;background:#0e172a;color:#f2f5ff;font:400 13px Prompt,sans-serif}.brief-label textarea{min-height:100px;resize:vertical}.brief-status{font:400 11px/1.7 Prompt,sans-serif;color:#b0bed7}dialog{width:min(520px,90vw);border:1px solid #546595;border-radius:24px;padding:34px;background:#111a31;color:#f3f6ff;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#050815cf;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#c9d2ec;font-size:27px}.dialog-eyebrow{font:700 9px Inter,sans-serif;letter-spacing:.15em;color:#a4a8ff}.dialog-icon{font:700 30px Inter,sans-serif;color:#8ccfff;margin:22px 0 8px}dialog h2{font:600 27px Prompt,sans-serif;margin:0}dialog p{font:400 13px/1.8 Prompt,sans-serif;color:#aebcda}.dialog-topics{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.dialog-topics span{border:1px solid #405174;border-radius:30px;padding:8px 11px;font:400 11px Prompt,sans-serif;color:#ced9ef}.dialog-foot{font:400 11px Prompt,sans-serif;color:#97a5c3;border-top:1px solid #34405d;padding-top:16px}:focus-visible{outline:2px solid #b4b7ff;outline-offset:4px}@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,1fr)}.doc-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.topic-grid{gap:10px}.topic{min-height:174px;padding:17px}.topic strong{font-size:14px}.topic-symbol{margin-bottom:20px}.topic-arrow{right:16px;top:17px}.doc-copy{padding:26px}.doc-showcase{min-height:400px}.catalog-bar{align-items:flex-start;flex-direction:column}.process-grid{gap:13px}.contact-panel{padding:24px}.hero h1{font-size:55px}}
#topic-dialog{width:min(1010px,94vw);max-height:min(800px,90vh);padding:0;overflow:auto}#topic-dialog .dialog-close{z-index:4;right:18px;top:14px}.dialog-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(330px,1fr);min-height:560px}.dialog-details{padding:40px;display:flex;flex-direction:column;align-items:flex-start}.dialog-details h2{line-height:1.35}.dialog-heading{font:600 12px Prompt,sans-serif;color:#e0e6f4;margin-top:20px}.dialog-details .dialog-topics{margin:12px 0 24px}.purchase-status{display:flex;gap:12px;padding:14px;border:1px solid #4d5d83;background:#1e2b48;border-radius:12px;width:100%;color:#b8b8ff}.purchase-status strong{font:600 12px Prompt,sans-serif;color:#f1f3ff}.purchase-status p{font-size:11px;margin:4px 0 0}.dialog-inquiry{display:inline-flex;align-items:center;justify-content:center;background:#d8dcff;color:#11172b;padding:12px 17px;border-radius:30px;margin-top:22px;font:600 12px Prompt,sans-serif}.dialog-details .dialog-foot{margin-top:auto;padding-top:16px;margin-bottom:0}.preview-panel{background:radial-gradient(ellipse at 50% 35%,#48549988,transparent 65%),#0a1122;padding:36px;display:flex;flex-direction:column;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;color:white;margin:0 24px 18px 0}.preview-heading small,.preview-heading strong{display:block}.preview-heading small{font:700 9px Inter,sans-serif;letter-spacing:.12em;color:#abb5f4;margin-bottom:6px}.preview-heading strong{font:600 14px Prompt,sans-serif}.preview-badge{border:1px solid #5d6b9d;padding:5px 8px;border-radius:100px;color:#b9c6f2;font:700 9px Inter,sans-serif;letter-spacing:.1em}.preview-viewport{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.sample-page{position:relative;width:min(100%,280px);aspect-ratio:210/297;background:#fff;color:#172039;padding:25px 24px;box-shadow:0 18px 45px #0006;overflow:hidden}.sample-brand{font:800 12px Inter,sans-serif;letter-spacing:.12em}.sample-brand span{font:700 6px Inter,sans-serif;letter-spacing:.1em;color:#8b94a5}.sample-rule{height:2px;background:#5966a9;margin:12px 0 20px}.sample-kicker{font:700 7px Inter,sans-serif;letter-spacing:.13em;color:#777eb0}.sample-title{font:600 18px Prompt,sans-serif;margin:7px 0 0}.sample-subtitle{font:400 9px Prompt,sans-serif;color:#788093;margin:5px 0 12px}.sample-topic-name{font:600 10px Prompt,sans-serif;color:#5b64a5;border-left:3px solid #9a9fdb;padding-left:8px;margin:14px 0}.sample-cover-icon{height:95px;display:grid;place-items:center;border:1px solid #d9def0;color:#99a5ce;background:#f5f6fc;font:600 50px Inter,sans-serif;margin-top:20px}.sample-placeholder-text{font:400 8px/1.8 Prompt,sans-serif;color:#9ca4b4}.sample-question{border-top:1px solid #e1e5ee;padding-top:10px;margin-top:11px}.sample-question strong{font:600 9px Prompt,sans-serif;color:#444f69}.sample-lines i{height:3px;background:#e3e6ed;display:block;margin-top:7px}.sample-lines i:nth-child(2){width:90%}.sample-lines i:nth-child(3){width:72%}.sample-choices{font:500 10px Inter,sans-serif;color:#7a8396;margin-top:9px}.sample-footer{position:absolute;bottom:19px;left:24px;right:24px;border-top:1px solid #dfe3ea;padding-top:8px;display:flex;justify-content:space-between;gap:5px;font:400 6px Prompt,sans-serif;color:#949cab}.sample-watermarks{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-evenly;transform:rotate(-31deg) scale(1.3);color:#536393;opacity:.14;font:800 18px Inter,sans-serif;letter-spacing:.08em;white-space:nowrap;text-align:center}.preview-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:17px;color:#dce3fa;font:600 12px Inter,sans-serif}.preview-controls button{height:34px;width:38px;border:1px solid #647296;border-radius:7px;background:#1a2745;color:#fff;font-size:16px}.preview-controls button:disabled{opacity:.35;cursor:default}.preview-caption{text-align:center;font:400 10px Prompt,sans-serif;color:#98a7c5;margin:10px 0 0}@media(max-width:700px){#topic-dialog{max-height:90vh}.dialog-layout{grid-template-columns:1fr}.dialog-details{padding:32px 24px}.preview-panel{padding:26px 24px}.preview-viewport{min-height:395px}.sample-page{width:min(80%,260px)}.dialog-details .dialog-foot{margin-top:22px}.preview-heading{margin-right:25px}}
/* Pudding feedback uses additive transforms, preserving layout and existing hover styles. */
.is-pudding-active{translate:var(--pudding-x,0px) var(--pudding-y,0px);scale:var(--pudding-sx,1) var(--pudding-sy,1);will-change:translate,scale}.primary,.navcta,.dialog-inquiry{box-shadow:0 5px 0 #9ba3cf55,0 10px 22px #060a1740;transition:box-shadow .2s,background .2s}.primary:hover,.navcta:hover,.dialog-inquiry:hover{box-shadow:0 7px 0 #9298c777,0 15px 30px #03071577}.topic.is-pudding-active{box-shadow:0 15px 35px #03071599,0 0 24px #758aff22}@media(prefers-reduced-motion:reduce){.is-pudding-active{translate:none;scale:none}}

/* A clearly visible hover shape even before pointer tracking starts. */
.primary:hover,.secondary:hover,.navcta:hover,.dialog-inquiry:hover,#copy-brief:hover,#preview-prev:not(:disabled):hover,#preview-next:not(:disabled):hover{scale:1.12 1.09;box-shadow:0 9px 0 #909ad080,0 18px 35px #6d7dff55;filter:brightness(1.12)}
.topic:hover{scale:1.04 1.025;box-shadow:0 17px 35px #070b1e99,0 0 28px #8a99ff44;filter:brightness(1.08)}
.is-pudding-active{scale:var(--pudding-sx,1) var(--pudding-sy,1);translate:var(--pudding-x,0px) var(--pudding-y,0px)}
.new-home .hero-content{padding-bottom:40px}.home-paths{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:75px;max-width:1000px}.home-path{min-height:178px;padding:22px 24px;border-radius:21px;border:1px solid #394865;background:linear-gradient(135deg,#1b2540f2,#0c1427ed);display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.home-path:hover{transform:translateY(-7px);border-color:#a1a8ff;box-shadow:0 20px 45px #050817aa}.home-path.featured-path{background:linear-gradient(135deg,#343a75ed,#1d2850ed);border-color:#777dd0}.path-no{font:700 9px Inter,sans-serif;letter-spacing:.12em;color:#a5b5d6;display:flex;justify-content:space-between}.path-no b{font-size:17px;color:#b3baff}.path-icon{font-size:27px;color:#aab9ff;margin:15px 0 10px}.home-path strong{font:600 17px Prompt,sans-serif}.home-path small{font:400 11px Prompt,sans-serif;color:#a4b2ca;margin-top:5px}.pretest-shell{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-radius:30px;border:1px solid #384d78;padding:45px;background:radial-gradient(circle at 8% 12%,#5662c430,transparent 50%),linear-gradient(120deg,#151f3c,#0d162a)}.pretest-intro{align-self:center;padding-right:25px}.pretest-intro h2{font-size:clamp(38px,4vw,58px)}.quiz-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.quiz-meta span{font:500 11px Prompt,sans-serif;color:#d1d9f1;padding:8px 11px;border:1px solid #44577f;border-radius:30px}.quiz-disclaimer{font:400 11px/1.7 Prompt,sans-serif;color:#91a0bd;margin-top:22px}.pretest-panel{min-height:340px;padding:30px;background:#0c1429bd;border:1px solid #3d4f78;border-radius:20px}.quiz-kicker,.quiz-top,.quiz-topic{font:700 9px Inter,Prompt,sans-serif;letter-spacing:.12em;color:#a4abff}.quiz-icon{margin:32px 0 10px;font-size:40px;color:#b8b7ff}.pretest-panel h3{font:600 22px/1.55 Prompt,sans-serif;margin:15px 0}.pretest-panel p{font:400 12px/1.7 Prompt,sans-serif;color:#a9b8d1}.pretest-panel .primary{margin-top:15px}.quiz-top{display:flex;justify-content:space-between}.quiz-track{height:5px;background:#26334f;border-radius:10px;margin:14px 0 25px;overflow:hidden}.quiz-track div{height:100%;background:linear-gradient(90deg,#929bff,#76dfe9);width:10%;transition:width .3s}.quiz-topic{display:inline-block;background:#343a7066;padding:7px 10px;border-radius:40px}.quiz-options{border:0;padding:0;margin:20px 0;display:grid;gap:8px}.quiz-option{display:flex;gap:12px;align-items:center;border:1px solid #344767;background:#121e37;border-radius:10px;padding:12px;color:#dbe4f3;font:400 13px Prompt,sans-serif;cursor:pointer}.quiz-option:has(input:checked){border-color:#b5b4ff;background:#353b7066}.quiz-option input{accent-color:#b0a9ff}.quiz-controls{display:flex;justify-content:space-between;gap:10px}.quiz-controls .primary{margin:0}.quiz-controls button:disabled{opacity:.35;cursor:not-allowed}.quiz-hint{min-height:1em}.quiz-score{font:800 58px Inter,sans-serif;color:#b8baff;margin:10px 0}.quiz-review{max-height:320px;overflow:auto;display:grid;gap:9px;margin:20px 0}.review-item{padding:13px;background:#17233c;border:1px solid #344665;border-radius:10px;font:400 11px/1.7 Prompt,sans-serif;color:#bdc9df}.review-item strong{display:block;color:#eef3ff;font-size:12px}.review-item .answer-correct{color:#a6e5ce}.review-item .answer-wrong{color:#f5b9c5}.review-item p{margin:4px 0}.pretest-panel [hidden]{display:none!important}@media(max-width:800px){.new-home .hero-content{padding-bottom:35px}.home-paths{grid-template-columns:1fr;gap:10px}.home-path{min-height:115px;padding:18px 20px}.path-icon{font-size:21px;margin:8px 0 5px}.pretest-shell{grid-template-columns:1fr;padding:26px}.pretest-intro{padding-right:0}.pretest-panel{padding:22px}.new-home .orb{top:3%}}
/* Monochrome black-hole illustration on the opening scene. */
.hero .glow{background:radial-gradient(circle,#c7d4e524,transparent 65%)}
.hero .blackhole.orb{width:min(48vw,600px);right:3%;top:8%;border-radius:0;background:none;box-shadow:none;animation:none;overflow:visible;transform-style:flat;will-change:transform}
.hero .blackhole.orb:before,.hero .blackhole.orb:after{display:none}
.bh-scene{position:absolute;inset:0;animation:bh-breathe 7s ease-in-out infinite;transform-origin:50% 50%;filter:grayscale(1)}
.bh-halo{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#ffffff1c 0%,#c5c5c526 24%,#92929212 42%,transparent 70%);filter:blur(28px);animation:bh-glow 5s ease-in-out infinite}
.bh-shadow{position:absolute;left:27%;top:27%;width:46%;height:46%;border-radius:50%;background:#020304;box-shadow:0 0 35px 8px #e8e8e81b,0 0 90px 35px #a8a8a817;z-index:4}
.bh-photon-ring{position:absolute;left:26.5%;top:26.5%;width:47%;height:47%;border-radius:50%;border:2px solid #f2f2f2;box-shadow:0 0 5px #fff,0 0 16px #d6d6d6,0 0 32px #fff8,inset 0 0 12px #fff8;z-index:5;animation:bh-ring 4s ease-in-out infinite}
.bh-horizon{position:absolute;left:28%;top:28%;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle,#000 0%,#000 65%,#050505 87%,#090909 100%);box-shadow:inset 0 0 12px #000;z-index:6}
.bh-disk{position:absolute;left:0;right:0;top:33%;height:34%;border-radius:50%;transform:rotate(-12deg);overflow:hidden;pointer-events:none}
.bh-disk-back{z-index:2}.bh-disk-front{z-index:7;clip-path:inset(50% 0 0 0)}
.bh-disk-light{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffffff 0deg,#eeeeee 4deg,#888 8deg,#f7f7f7 13deg,#777 18deg,#ddd 25deg,#fff 28deg,#555 34deg);mask-image:radial-gradient(ellipse at center,transparent 0%,transparent 37%,#000 39%,#000 44%,#000a 51%,transparent 68%);filter:blur(1px);animation:bh-disk-turn 9s linear infinite}
.bh-disk:after{content:'';position:absolute;inset:20% 1%;border-radius:50%;border:2px solid #fff;box-shadow:0 0 12px #fff,0 0 30px #ddd,0 0 60px #aaa8;opacity:.8;animation:bh-glow 3s ease-in-out infinite}
.bh-arc{position:absolute;left:24%;top:10%;width:52%;height:80%;border-radius:50%;transform:rotate(-12deg);pointer-events:none;border:3px solid #eeeeeea0;box-shadow:0 0 9px #f5f5f5a0,0 0 25px #eeeeee90,inset 0 0 9px #eeeeeea0;animation:bh-arc-flicker 4.4s ease-in-out infinite}
.bh-arc-back{z-index:3;clip-path:inset(0 0 50% 0)}.bh-arc-front{z-index:3;clip-path:inset(50% 0 0 0);opacity:.4}
.bh-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 10px 4px #eee9;z-index:9;animation:bh-star-glow 2.8s ease-in-out infinite}.bh-star-one{top:36%;left:12%}.bh-star-two{top:61%;right:13%;animation-delay:-1s}.bh-star-three{top:20%;right:21%;animation-delay:-2s}
@keyframes bh-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@keyframes bh-disk-turn{to{transform:rotate(360deg)}}
@keyframes bh-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes bh-ring{0%,100%{opacity:.8;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.25)}}
@keyframes bh-arc-flicker{0%,100%{opacity:.55}45%{opacity:.9}70%{opacity:.65}}
@keyframes bh-star-glow{0%,100%{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.5)}}
@media(max-width:800px){.hero .blackhole.orb{right:-12%;top:5%;width:95vw;opacity:.6}}
@media(prefers-reduced-motion:reduce){.bh-scene,.bh-halo,.bh-disk-light,.bh-disk:after,.bh-arc,.bh-photon-ring,.bh-star{animation:none}}
@property --bh-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.bh-disk-light{background:repeating-conic-gradient(from var(--bh-angle),#fff 0deg,#ddd 7deg,#7b7b7b 13deg,#fafafa 20deg,#888 30deg,#eee 38deg);animation:bh-accretion 14s linear infinite}
@keyframes bh-accretion{to{--bh-angle:360deg}}
@media(prefers-reduced-motion:reduce){.bh-disk-light{animation:none}}
/* Reference-inspired gravitational lensing hero, with subtle moving light. */
.hero .blackhole.orb{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;opacity:1;z-index:0;pointer-events:none;overflow:hidden}
.hero .blackhole.orb .bh-reference{position:absolute;inset:-3%;overflow:hidden;animation:bh-reference-drift 14s ease-in-out infinite alternate;transform-origin:75% 44%}
.bh-reference-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#070a13 0%,#070a13db 20%,#070a13a6 37%,#070a1320 58%,#070a1300 75%),linear-gradient(0deg,#070a13 0%,transparent 30%),url('blackhole-hero.png');background-size:cover;background-position:center;filter:brightness(.77) contrast(1.08);animation:bh-reference-flux 7s ease-in-out infinite}
.bh-reference-light{position:absolute;inset:0;background:radial-gradient(ellipse at 67% 48%,#ffffff24 0,transparent 18%),radial-gradient(ellipse at 85% 27%,#fff2 0,transparent 16%);mix-blend-mode:screen;animation:bh-light-flow 6s ease-in-out infinite alternate}
.bh-reference-shimmer{position:absolute;inset:0;background:linear-gradient(113deg,transparent 36%,#ffffff00 43%,#ffffff1a 48%,#ffffff00 53%,transparent 60%);mix-blend-mode:screen;animation:bh-light-sweep 7s ease-in-out infinite;opacity:.7}
.hero .stars{z-index:1;pointer-events:none}.hero .glow{display:none}.hero .shell{position:relative;z-index:2}.hero-content{isolation:isolate}
@keyframes bh-reference-drift{0%{transform:scale(1.02) translate(0,0)}100%{transform:scale(1.055) translate(-.8%,-.7%)}}
@keyframes bh-reference-flux{0%,100%{filter:brightness(.72) contrast(1.08)}50%{filter:brightness(.93) contrast(1.08)}}
@keyframes bh-light-flow{0%{opacity:.3;transform:translateX(-1%)}100%{opacity:.9;transform:translateX(2%)}}
@keyframes bh-light-sweep{0%,100%{transform:translateX(-15%);opacity:.1}50%{transform:translateX(15%);opacity:.65}}
@media(max-width:800px){.hero .blackhole.orb{inset:0;width:100%;height:100%;opacity:.62}.bh-reference-image{background-position:65% 35%;background-image:linear-gradient(90deg,#070a13e0 0%,#070a13a0 45%,#070a1320 100%),linear-gradient(0deg,#070a13 0%,transparent 52%),url('blackhole-hero.png')}}
@media(prefers-reduced-motion:reduce){.hero .blackhole.orb .bh-reference,.bh-reference-image,.bh-reference-light,.bh-reference-shimmer{animation:none}}

/* The supplied reference is the scene; moving highlights follow its bright disk. */
.bh-reference-image{background-image:linear-gradient(90deg,#070a13dd 0%,#070a1380 25%,transparent 57%),linear-gradient(0deg,#070a13 0%,transparent 24%),url('blackhole-reference.jpg');background-position:center;background-size:cover;animation:reference-breathe 8s ease-in-out infinite}
.bh-reference-light{background:radial-gradient(ellipse at 67% 54%,#fff9 0%,#fff3 5%,transparent 23%),radial-gradient(ellipse at 85% 26%,#fff6 0%,transparent 20%);filter:blur(18px);mix-blend-mode:screen;animation:reference-light 5s ease-in-out infinite alternate}
.bh-reference-shimmer{inset:0;background-image:url('blackhole-reference.jpg');background-position:center;background-size:cover;mix-blend-mode:screen;opacity:.75;mask-image:linear-gradient(105deg,transparent 20%,#000 38%,transparent 53%);mask-size:200% 100%;animation:reference-stream 5s linear infinite}
@keyframes reference-breathe{0%,100%{filter:brightness(.84) contrast(1.06)}50%{filter:brightness(1.08) contrast(1.06)}}
@keyframes reference-light{0%{opacity:.25;transform:translate(-3%,2%)}100%{opacity:.85;transform:translate(3%,-2%)}}
@keyframes reference-stream{from{mask-position:130% 0}to{mask-position:-70% 0}}
@media(max-width:800px){.bh-reference-image{background-image:linear-gradient(90deg,#070a13c9 0%,#070a1350 50%,transparent 100%),linear-gradient(0deg,#070a13 0%,transparent 40%),url('blackhole-reference.jpg');background-position:70% center}.bh-reference-shimmer{background-position:70% center}}
@media(prefers-reduced-motion:reduce){.bh-reference-image,.bh-reference-light,.bh-reference-shimmer{animation:none}}

/* Sirinova: restrained charcoal, warm ivory and champagne accents. */
body{background:#0c0c0d;color:#edebf1}
.logo b{color:#a79cc1}.logo span{color:#9087a6!important}
.links{color:#b1abc1}.links a:hover{color:#fff}
.navcta,.primary,.dialog-inquiry{background:#c9c2da;color:#131118;box-shadow:0 5px 0 #756a8f55,0 10px 24px #0005}
.eyebrow,.doc-tag,.dialog-eyebrow,.quiz-kicker,.quiz-top,.quiz-topic{color:#a99fc0}
.gradient{background:linear-gradient(110deg,#fff 12%,#d4cee1 58%,#968cad);background-clip:text;color:transparent}
.lead,.muted{color:#b1abc1}.stars{opacity:.07;filter:grayscale(1)}
.home-path,.topic{background:linear-gradient(145deg,#221f29f5,#151515f5);border-color:#413b4f;color:#edebf1}
.home-path.featured-path{background:linear-gradient(145deg,#302c3bF5,#1d1a23f5);border-color:#6e6487}
.home-path:hover,.topic:hover{border-color:#9a90b1;box-shadow:0 18px 45px #0009,0 0 20px #a194bf18}
.path-no,.home-path small,.topic small,.catalog-count,.catalog-caption{color:#9d95b0}
.path-icon,.path-no b,.topic-arrow,.topic-symbol,.catalog-notice>span,.catalog-search span{color:#b3aaca}.topic-symbol{border-color:#6a6082}.topic:before{background:radial-gradient(circle,#a99fc020,transparent 70%)}
.catalog-notice,.purchase-status{background:#201d28;border-color:#433d52;color:#bab5c8}.catalog-notice strong,.purchase-status strong{color:#e4e1ec}
.catalog-search,.brief-label select,.brief-label textarea{background:#181817;border-color:#453e55;color:#ece9f3}
.pretest-shell,.doc-layout,.fund{background:linear-gradient(130deg,#211e28,#141414);border-color:#413b50}
.pretest-panel{background:#111110cc;border-color:#413b50}.quiz-meta span,.doc-options span,.dialog-topics span{border-color:#494259;color:#c7c3d2}
.quiz-icon,.quiz-score,.process-grid span{color:#b7aece}.quiz-track{background:#312d3c}.quiz-track div{background:linear-gradient(90deg,#7f7499,#c7bede)}
.quiz-topic{background:#7f749a29}.quiz-option,.review-item{background:#1e1c25;border-color:#433c52;color:#d9d6e0}.quiz-option:has(input:checked){background:#4e476077;border-color:#a99fc0}.quiz-option input{accent-color:#a99fc0}
.doc-showcase,.preview-panel{background:radial-gradient(ellipse at center,#675d813b,transparent 65%),#171716}.doc-floating{background:#231f2b;border-color:#685f80;color:#cbc4dd}.doc-back{background:#c3becf}.doc-page-title span{color:#6f6488}.doc-rule{background:#948aab}
.process-grid>div,.footer{border-color:#3b3648}.process-grid p,.brief-status{color:#a69eb8}dialog{background:#18161e;border-color:#534c66;color:#ece9f3}dialog p{color:#b2acc2}.dialog-icon{color:#b1a8c8}.preview-controls button{background:#25222d;border-color:#625979}.preview-badge{border-color:#625979;color:#cac3da}
.secondary{background:#201d28;border-color:#5a526e;color:#ece9f3}:focus-visible{outline-color:#bdb3d7}
.primary:hover,.secondary:hover,.navcta:hover,.dialog-inquiry:hover,#copy-brief:hover,#preview-prev:not(:disabled):hover,#preview-next:not(:disabled):hover{box-shadow:0 9px 0 #6b618466,0 18px 35px #897bab33}
/* The reference photo stays intact while the whole frame visibly glides and light travels over it. */
.hero .blackhole.orb .bh-reference{inset:-9%;transform-origin:72% 45%;animation:sirinova-camera 10s ease-in-out infinite alternate}
.bh-reference-image{background-image:linear-gradient(90deg,#0c0c0de8 0%,#0c0c0d99 27%,transparent 58%),linear-gradient(0deg,#0c0c0d 0%,transparent 26%),url('blackhole-reference.jpg');animation:sirinova-exposure 5s ease-in-out infinite alternate}
.bh-reference-light{animation:sirinova-light 4s ease-in-out infinite alternate;filter:blur(22px)}
.bh-reference-shimmer{animation:sirinova-stream 4.5s linear infinite;opacity:.9}
@keyframes sirinova-camera{0%{transform:scale(1.01) translate(2%,1.5%)}100%{transform:scale(1.12) translate(-2%,-1.5%)}}
@keyframes sirinova-exposure{0%{filter:brightness(.75) contrast(1.08)}100%{filter:brightness(1.08) contrast(1.06)}}
@keyframes sirinova-light{0%{opacity:.2;transform:translate(-6%,4%)}100%{opacity:.9;transform:translate(5%,-3%)}}
@keyframes sirinova-stream{0%{mask-position:125% 0}100%{mask-position:-75% 0}}
@media(max-width:800px){.bh-reference-image{background-image:linear-gradient(90deg,#0c0c0ddd 0%,#0c0c0d88 45%,transparent 100%),linear-gradient(0deg,#0c0c0d 0%,transparent 42%),url('blackhole-reference.jpg');background-position:70% center}}
@media(prefers-reduced-motion:reduce){.hero .blackhole.orb .bh-reference,.bh-reference-image,.bh-reference-light,.bh-reference-shimmer{animation:none}}
.hero-content:before{content:'';position:absolute;z-index:-1;inset:8% 0 0 -14%;background:radial-gradient(ellipse at 36% 50%,#090909e8 0%,#090909a6 45%,transparent 76%);pointer-events:none}.hero .lead{color:#d7d3df;text-shadow:0 2px 10px #000;max-width:540px}
/* One black canvas; the independent light and camera animations remain. */
html,body{background:#000}
.hero{background:#000}
.hero .blackhole.orb{transform:none;background:#000}
.bh-reference-image{background-image:linear-gradient(90deg,#000e8 0%,#0009 27%,transparent 58%),url('blackhole-reference.jpg')}
.hero .blackhole.orb:after{display:block;content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#000 0%,transparent 8%,transparent 66%,#000 100%);z-index:1}
.hero .shell{z-index:2}
.hero-content:before{background:radial-gradient(ellipse at 36% 50%,#000e8 0%,#000a 45%,transparent 76%)}
@media(max-width:800px){.bh-reference-image{background-image:linear-gradient(90deg,#000d 0%,#0008 45%,transparent 100%),url('blackhole-reference.jpg')}}
.hero .blackhole.orb:after{border:0;border-radius:0;box-shadow:none;transform:none}
/* Continuous independent camera drift; the mouse does not control the scene. */
@media (prefers-reduced-motion:no-preference){
 .hero .blackhole.orb .bh-reference{inset:-12%;animation:blackhole-continuous 12s linear infinite;will-change:transform}
 .bh-reference-light{animation:sirinova-light 3.2s ease-in-out infinite alternate}
 .bh-reference-shimmer{animation:sirinova-stream 3.8s linear infinite}
}
@keyframes blackhole-continuous{
 0%{transform:translate(-2%,0) scale(1.04)}
 25%{transform:translate(0,-1.6%) scale(1.09)}
 50%{transform:translate(2%,0) scale(1.13)}
 75%{transform:translate(0,1.6%) scale(1.09)}
 100%{transform:translate(-2%,0) scale(1.04)}
}
/* Stars have independent random positions, periods and phases. */
.night-sky{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.night-sky i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #fff8;opacity:.3;animation:star-twinkle var(--duration) ease-in-out var(--delay) infinite alternate}
@keyframes star-twinkle{0%{opacity:.08;transform:scale(.55)}45%{opacity:var(--peak);transform:scale(1.5)}100%{opacity:.18;transform:scale(.75)}}
header.shell{position:relative;z-index:3}main>.section,footer{position:relative;z-index:2}
/* Pronounced self-running movement across the reference image and light. */
.hero .blackhole.orb .bh-reference{inset:-18%;animation:cosmic-drift 8s ease-in-out infinite alternate;will-change:transform}
.bh-reference-light{animation:cosmic-light 2.8s ease-in-out infinite alternate}
.bh-reference-shimmer{animation:sirinova-stream 3s linear infinite;opacity:1}
@keyframes cosmic-drift{0%{transform:translate(-5%,2%) scale(1)}50%{transform:translate(1%,-2%) scale(1.12)}100%{transform:translate(5%,1%) scale(1.2)}}
@keyframes cosmic-light{from{opacity:.15;transform:translate(-8%,4%)}to{opacity:.9;transform:translate(7%,-4%)}}
@media(prefers-reduced-motion:reduce){.night-sky i,.hero .blackhole.orb .bh-reference,.bh-reference-light,.bh-reference-shimmer{animation:none}}
/* At the end of each cycle a dark star reappears at a new random location. */
.night-sky i{opacity:0;animation:star-lifecycle var(--duration) ease-in-out var(--delay) infinite;will-change:opacity,transform}
@keyframes star-lifecycle{0%,8%,100%{opacity:0;transform:scale(.35)}26%{opacity:var(--peak);transform:scale(1.4)}42%{opacity:.16;transform:scale(.75)}58%{opacity:var(--peak);transform:scale(1.2)}83%{opacity:0;transform:scale(.4)}}
@media(prefers-reduced-motion:reduce){.night-sky i{animation:none;opacity:.35;transform:none}}
/* A canvas redraws independent star births and fades continuously. */
canvas.night-sky{position:fixed;inset:0;z-index:1;pointer-events:none}
.sky-motion-toggle{position:fixed;right:18px;bottom:18px;z-index:10;border:1px solid #7f7599;border-radius:99px;background:#141219e8;color:#dfdbea;padding:9px 14px;font:500 12px Prompt,sans-serif;cursor:pointer}
.sky-motion-toggle:hover{background:#2f2b3a}.sky-motion-toggle:focus-visible{outline:2px solid #d2c9e6;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html.sky-motion-on .hero .blackhole.orb .bh-reference{animation:cosmic-drift 8s ease-in-out infinite alternate}html.sky-motion-on .bh-reference-light{animation:cosmic-light 2.8s ease-in-out infinite alternate}html.sky-motion-on .bh-reference-shimmer{animation:sirinova-stream 3s linear infinite}}
/* Clearly visible independent star births and deaths. */
div.night-sky{position:fixed;inset:0;z-index:1;pointer-events:none}
div.night-sky i{position:absolute;display:block;width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 5px 2px #fff,0 0 12px 4px #ffffff99;animation:visible-star var(--duration) ease-in-out var(--delay) infinite;will-change:opacity,transform}
@keyframes visible-star{0%,100%{opacity:0;transform:scale(.15)}18%{opacity:1;transform:scale(1.35)}40%{opacity:.08;transform:scale(.3)}58%{opacity:1;transform:scale(1.2)}82%{opacity:0;transform:scale(.15)}}
div.night-sky.paused i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html.sky-motion-on div.night-sky i{animation:visible-star var(--duration) ease-in-out var(--delay) infinite}}
/* A slower, softer single shimmer per star. */
div.night-sky i{box-shadow:0 0 4px 1px #fff9,0 0 9px 2px #ffffff55}
@keyframes visible-star{0%,100%{opacity:0;transform:scale(.45)}35%{opacity:.72;transform:scale(1.15)}65%{opacity:.48;transform:scale(.9)}90%{opacity:0;transform:scale(.45)}}
/* Gentle black-hole motion, with restrained exposure and light movement. */
.hero .blackhole.orb .bh-reference{animation:gentle-blackhole 26s ease-in-out infinite alternate}
.bh-reference-image{animation:gentle-exposure 14s ease-in-out infinite alternate}
.bh-reference-light{animation:gentle-light 16s ease-in-out infinite alternate;opacity:.3}
.bh-reference-shimmer{animation:sirinova-stream 18s linear infinite;opacity:.35}
@keyframes gentle-blackhole{from{transform:translate(-.4%,.2%) scale(1.03)}to{transform:translate(.4%,-.2%) scale(1.045)}}
@keyframes gentle-exposure{from{filter:brightness(.9) contrast(1.06)}to{filter:brightness(.98) contrast(1.06)}}
@keyframes gentle-light{from{opacity:.12;transform:translate(-.5%,.3%)}to{opacity:.3;transform:translate(.5%,-.3%)}}
@media(prefers-reduced-motion:reduce){.hero .blackhole.orb .bh-reference,.bh-reference-image,.bh-reference-light,.bh-reference-shimmer{animation:none}html.sky-motion-on .hero .blackhole.orb .bh-reference{animation:gentle-blackhole 26s ease-in-out infinite alternate}html.sky-motion-on .bh-reference-light{animation:gentle-light 16s ease-in-out infinite alternate}html.sky-motion-on .bh-reference-shimmer{animation:sirinova-stream 18s linear infinite}}
/* Balanced, visible but smooth camera movement. */
.hero .blackhole.orb .bh-reference{animation:balanced-blackhole 14s ease-in-out infinite alternate}
.bh-reference-light{animation:balanced-light 8s ease-in-out infinite alternate}
@keyframes balanced-blackhole{from{transform:translate(-2%,.7%) scale(1.035)}to{transform:translate(2%,-.7%) scale(1.09)}}
@keyframes balanced-light{from{opacity:.15;transform:translate(-1.5%,.5%)}to{opacity:.38;transform:translate(1.5%,-.5%)}}
@media(prefers-reduced-motion:reduce){.hero .blackhole.orb .bh-reference,.bh-reference-light{animation:none}html.sky-motion-on .hero .blackhole.orb .bh-reference{animation:balanced-blackhole 14s ease-in-out infinite alternate}html.sky-motion-on .bh-reference-light{animation:balanced-light 8s ease-in-out infinite alternate}}
/* User-supplied vertical video, playing as the hero background. */
.hero .blackhole.orb .blackhole-video{position:absolute;right:0;top:0;width:74%;height:100%;object-fit:contain;object-position:center;background:#000;mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 89%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 89%,transparent 100%)}
@media(max-width:800px){.hero .blackhole.orb .blackhole-video{width:100%;object-position:65% center;opacity:.72;mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%)}}
/* Blend the supplied video into the monochrome night-sky background. */
.hero .blackhole.orb .blackhole-video{filter:grayscale(1) brightness(.85) contrast(1.12)}
/* Landscape reference video, blended into the black hero. */
.hero .blackhole.orb .blackhole-video{width:80%;object-fit:contain;object-position:center;filter:grayscale(1) brightness(.85) contrast(1.12);mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 92%,transparent 100%)}
@media(max-width:800px){.hero .blackhole.orb .blackhole-video{width:100%;object-fit:cover;object-position:center;opacity:.72;mask-image:linear-gradient(to right,transparent 0%,#000 42%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 42%,#000 100%)}}
/* Keep the low-resolution video near its native size and avoid mobile cropping. */
.hero .blackhole.orb .blackhole-video{width:min(72%,736px);height:auto;aspect-ratio:736 / 416;top:50%;right:2%;transform:translateY(-50%);object-fit:contain}
@media(max-width:800px){.hero .blackhole.orb .blackhole-video{width:min(100%,736px);height:auto;object-fit:contain;right:0;top:42%;transform:translateY(-50%)}}
/* Fade all video edges and screen-blend its dark background into the night sky. */
.hero .blackhole.orb .blackhole-video{width:min(96%,1200px);height:auto;top:48%;right:-6%;transform:translateY(-50%);object-fit:contain;background:transparent;mix-blend-mode:screen;filter:grayscale(1) brightness(.82) contrast(1.18);mask-image:radial-gradient(ellipse 67% 64% at 61% 50%,#000 35%,#000e 56%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 67% 64% at 61% 50%,#000 35%,#000e 56%,transparent 88%)}
@media(max-width:800px){.hero .blackhole.orb .blackhole-video{width:140%;max-width:none;right:-35%;top:34%;opacity:.78;object-fit:contain;mask-image:radial-gradient(ellipse 68% 62% at 59% 50%,#000 35%,#000e 55%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 68% 62% at 59% 50%,#000 35%,#000e 55%,transparent 88%)}}
/* Atom illustration matches the charcoal, ivory and champagne palette. */
.atom-visual{background:radial-gradient(ellipse at 50% 47%,#897ea633,transparent 64%),linear-gradient(145deg,#1d1a23,#0c0c0b);border-color:#443e53}
.atom-visual:before{background-image:radial-gradient(#b6accf 1px,transparent 1px);opacity:.12}
.atom-heading,.atom-footer{color:#aca5bc}.atom-live{color:#b4abcb}.atom-live i{background:#dcd6ea;box-shadow:0 0 11px #b2a7cc}
.orbits ellipse,.orbits ellipse:nth-child(2),.orbits ellipse:nth-child(3){stroke:#afa7c4;filter:drop-shadow(0 0 5px #9288ab);opacity:.7}
.electron .glow{fill:#b5accb}.electron .dot{stroke:#f3f1f9;filter:drop-shadow(0 0 8px #c7bfdb)}.electron-tail{stroke:#cfc8e1}
.nucleus-shape{filter:drop-shadow(0 0 18px #b7adce)}.atom-prompt{color:#b9b3c7}.atom-prompt span{color:#c1b8d8}
.atom-motion-toggle{border-color:#71668b;background:#1c1922dc;color:#e0dcea}.atom-motion-toggle:hover,.atom-motion-toggle:focus-visible{border-color:#b6accf;outline-color:#c6bbdf}
.atom-fact{border-color:#8c82a3;background:#1c1922f2;box-shadow:0 15px 40px #0009}.atom-fact small{color:#b0a5ca}.atom-fact p{color:#ccc7d9}.atom-fact span{color:#9f97b2}.atom-fact button{color:#e0dcea}.atom-visual:focus-within{border-color:#a398bd}
@keyframes nucleus-pulse{50%{filter:drop-shadow(0 0 30px #c8bedf);opacity:.85}}
@keyframes live-pulse{50%{transform:scale(1.6);box-shadow:0 0 15px #c7bede}}
/* Let the atom float directly on the page background. */
.visual.atom-visual{background:transparent;border:0;box-shadow:none}
.visual.atom-visual:before{display:none}
/* Readable topic hierarchy and visible subtopic search matches. */
.topic-grid{align-items:stretch}.topic{display:flex;flex-direction:column;min-height:330px}.topic strong{margin-top:0;font-size:19px}.topic small{margin-top:8px;font-size:8px;line-height:1.5}.topic-summary{font:400 12px/1.8 Prompt,sans-serif;color:#b4aec3;margin:14px 0 10px}.topic-sublist{margin:0 0 22px;padding-left:18px;font:400 12px/1.9 Prompt,sans-serif;color:#aca5bc}.topic-sublist li{padding:2px 0}.topic-sublist li::marker{color:#968ab2}.topic-sublist .matched-subtopic{color:#d9d2ea;font-weight:500}.topic-more{margin-top:auto;font:500 10px/1.7 Prompt,sans-serif;color:#ada1ca}.dialog-details .dialog-topics{display:block;width:100%;padding-left:21px;margin:12px 0 24px;color:#d4d0df;font:400 13px/1.8 Prompt,sans-serif}.dialog-topics li{padding:7px 0;border-bottom:1px solid #ffffff0c}.dialog-topics li::marker{color:#9d90bb}.dialog-topics li:last-child{border-bottom:0}
@media(max-width:500px){.topic{min-height:320px}.topic strong{font-size:17px}.topic-sublist,.topic-summary{font-size:11px}.topic-more{font-size:9px}}
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&family=Noto+Serif+Thai:wght@400;600;700&display=swap');
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-grid article{border:1px solid #3e384c;background:#15131a;border-radius:18px;padding:25px}.info-grid small,.studio-head small{color:#a99fc0;letter-spacing:.12em}.info-grid h3{font-size:18px}.info-grid p{color:#aca5bc;font:400 13px/1.8 Prompt,sans-serif}
#studio-dialog{width:min(1080px,95vw);max-height:92vh;padding:0;overflow:auto;background:#151319;border-color:#5d5572}.studio-head{display:flex;justify-content:space-between;padding:28px 32px;border-bottom:1px solid #3c364a}.studio-head h2{font-size:25px;margin:7px 0}.studio-head p{margin:0;color:#a8a1ba}.studio-head button{align-self:flex-start;border:0;background:none;color:white;font-size:30px}.studio-layout{display:grid;grid-template-columns:300px 1fr;min-height:620px}.studio-options{padding:30px;border-right:1px solid #3c364a}.studio-options label{display:block;color:#d8d3e3;font:500 13px Prompt,sans-serif;margin-bottom:22px}.studio-options select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #544d68;border-radius:10px;color:#ece9f3;background:#201d28;font:400 13px Prompt,sans-serif}.studio-note{font:400 11px/1.8 Prompt,sans-serif;color:#a8a1ba}.studio-options .primary{margin-top:15px}.studio-preview{padding:26px;background:#10100f}.studio-preview-label{display:flex;justify-content:space-between;color:#d1cbde;font-size:12px}.studio-preview-label span{color:#8f86a5}.paper-wrap{display:flex;justify-content:center;align-items:flex-start;padding:25px 10px}.studio-paper{position:relative;width:min(100%,360px);aspect-ratio:210/297;background:#fbfafd;color:#1e1b25;padding:28px;box-shadow:0 18px 50px #0008;overflow:hidden;transition:width .5s ease,aspect-ratio .5s ease,transform .4s ease}.studio-paper[data-paper=letter]{aspect-ratio:8.5/11}.studio-paper[data-paper=a5]{width:min(82%,295px);aspect-ratio:148/210}.paper-brand{font:800 12px Inter,sans-serif;letter-spacing:.1em}.paper-brand span{font-size:6px;color:#776c93}.paper-line{height:2px;background:#81769b;margin:14px 0 28px}.studio-paper small{color:#776c92;font-size:10px}.studio-paper h3{font-size:20px;line-height:1.5;margin:12px 0}.studio-paper p{font-size:10px;line-height:1.8;color:#554d68}.studio-paper h4{font-size:12px;margin:20px 0 5px}.studio-paper footer{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;color:#999}.paper-watermark{position:absolute;top:48%;left:-10%;transform:rotate(-32deg);color:#756a8f;opacity:.12;font:700 22px Inter,sans-serif;white-space:nowrap;pointer-events:none}@media(max-width:700px){.info-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-options{border-right:0;border-bottom:1px solid #3c364a}.studio-head{padding:22px}.studio-preview{padding:18px}}
main>[hidden]{display:none!important}.template-heading{font:600 13px Prompt,sans-serif;color:#dfdaea;display:flex;justify-content:space-between}.template-heading span{font-size:10px;color:#9f97b2}.template-controls{display:flex;justify-content:flex-end;gap:7px;margin:8px 0}.template-controls button{background:#221f2a;border:1px solid #5e5573;color:#dbd6e9;border-radius:8px;padding:5px 12px}.template-carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:3px 2px 12px;margin-bottom:20px}.template-card{flex:0 0 142px;scroll-snap-align:start;text-align:left;border:1px solid #443e53;border-radius:12px;background:#1f1c27;color:#e0dcea;padding:11px;transition:border-color .25s,transform .25s}.template-card.selected{border-color:#b9aed4;background:#2e2a38}.template-card strong,.template-card small{display:block;font:500 11px/1.5 Prompt,sans-serif}.template-card small{color:#ada5c1;font-size:9px;margin-top:5px}.template-mini{display:block;height:82px;background:#e9e6f1;border-radius:2px;padding:15px;margin-bottom:9px}.template-mini i{display:block;height:3px;background:#aca5bc;margin:7px 0}.template-mini i:nth-child(2){width:70%}.template-mini i:nth-child(3){width:85%}.studio-layout{grid-template-columns:minmax(320px,1fr) minmax(0,1.35fr)}@media(max-width:700px){.studio-layout{grid-template-columns:1fr}.template-card{flex-basis:135px}}
.studio-paper[data-template=academic] .paper-brand,.studio-paper[data-template=research] .paper-brand,.studio-paper[data-template=thesis] .paper-brand{text-align:center}.studio-paper[data-template=research] h3,.studio-paper[data-template=thesis] h3{text-align:center}.studio-paper[data-template=summary] h4{border-left:3px solid #877ca0;padding-left:8px}.studio-paper[data-template=worksheet] #paper-body p{border-bottom:1px solid #cac4d8;padding-bottom:9px}.studio-paper[data-template=exam] #paper-body p{white-space:pre-line;line-height:2}.studio-paper[data-template=business] h4,.studio-paper[data-template=proposal] h4{border-bottom:1px solid #c1bad2;padding-bottom:5px}.studio-paper[data-template=thesis] .paper-line{height:1px;background:#555}.studio-paper[data-template=general] h3{border-left:4px solid #877ca0;padding-left:10px}
@media(max-width:700px){#studio-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overscroll-behavior:contain}.studio-options select{font-size:16px;min-height:48px}.studio-layout{min-width:0}.studio-preview{min-width:0}.studio-head h2{font-size:21px}.paper-wrap{padding:20px 0}.studio-paper{width:min(100%,340px)}}
/* Distinct document layouts: all text is illustrative. */
.studio-paper #paper-body{position:relative;z-index:1}.studio-paper #paper-body p{font-size:9px;line-height:1.65;margin:6px 0}.studio-paper #paper-body h4{font-size:11px;margin:13px 0 5px}.demo-kicker,.demo-meta,.demo-reference,.demo-caption{font-size:8px;color:#72678c}.demo-meta{text-align:center;border-bottom:1px solid #d0cbda;padding:7px}.demo-centered{text-align:center}.demo-justify{text-align:justify}.demo-callout{background:#eae7f0;border-left:3px solid #7f739c;padding:10px;font-size:9px;line-height:1.7;margin:14px 0}.demo-columns,.demo-research-grid,.demo-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-columns section{border-right:1px solid #eee;padding-right:8px}.demo-research-grid>div,.demo-summary-grid>div{background:#edebf3;padding:9px;font-size:9px}.demo-chart{height:56px;border-left:1px solid #9d95b1;border-bottom:1px solid #9d95b1;display:flex;align-items:end;gap:12px;padding:0 15px}.demo-chart i{width:20px;background:#8a80a2;height:35%}.demo-chart i:nth-child(2){height:65%}.demo-chart i:nth-child(3){height:48%}.demo-chart i:nth-child(4){height:85%}.demo-chart i:nth-child(5){height:70%}.demo-thesis{text-align:center;padding:8px 5px}.demo-emblem{font-size:38px;color:#7e7398}.demo-thesis h3{font-size:14px;margin:28px 0}.demo-thesis p{margin:25px 0!important}.demo-summary-head{display:flex;gap:10px;align-items:center;border-bottom:2px solid #7f739c;padding:8px}.demo-summary-head>b{font:700 30px Inter;color:#7f739c}.demo-summary-head span{font-size:9px}.demo-summary-head strong{font-size:14px}.demo-formula{text-align:center;border:1px solid #b5aec5;padding:12px;margin:12px 0;font:600 20px Georgia}.demo-formula small{display:block;font:9px Prompt}.demo-student{border-bottom:1px solid #b0a9c0;padding:8px 0;font-size:9px}.demo-writing{height:50px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,#d6d2de 16px)}.demo-exam-meta{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid #999;border-bottom:1px solid #999;padding:8px 0}.demo-question{font-size:9px;line-height:1.7;border-bottom:1px solid #ddd;padding:12px 0}.demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.demo-proposal-band{background:#d9d4e4;padding:10px;font:700 10px Inter;letter-spacing:.08em}.demo-proposal-band span{display:block;font:400 9px Prompt}.demo-timeline{display:flex;gap:4px;margin-top:12px}.demo-timeline span{flex:1;background:#e3e0eb;text-align:center;padding:8px 2px;font-size:8px}.demo-business-head{display:flex;justify-content:space-between;border-bottom:2px solid #7c7196;padding:8px 0;font:700 9px Inter}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.demo-stats div{padding:10px;background:#e6e3ec}.demo-stats b,.demo-stats small{display:block}.demo-stats b{font:700 20px Inter;color:#6c6286}.demo-stats small{font-size:8px}.demo-table{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.demo-table span{padding:7px;border-bottom:1px solid #ddd}.demo-table span:nth-child(-n+2){background:#dcd8e6;font-weight:bold}.studio-paper[data-template=thesis]>.paper-line{margin-bottom:10px}.studio-paper[data-template=thesis]>#paper-title,.studio-paper[data-template=thesis]>#paper-desc{display:none}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:32px}.team-card{overflow:hidden;background:#151319;border:1px solid #3e384c;border-radius:18px}.team-photo{height:200px;overflow:hidden;background:#23202b}.team-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4);transition:filter .3s,transform .4s}.team-card:hover .team-photo img{filter:grayscale(0);transform:scale(1.03)}.team-info{padding:18px}.team-info small{color:#aaa1c1;font:700 9px/1.5 Inter,sans-serif;letter-spacing:.08em}.team-info h3{margin:8px 0;font:600 20px Prompt,sans-serif}.team-info p{color:#afa8bf;font:400 12px/1.7 Prompt,sans-serif;min-height:42px}.team-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.team-links a{color:#bdb2d8;font:400 11px/1.5 Prompt,sans-serif;overflow-wrap:anywhere}.team-links a:hover{text-decoration:underline}@media(max-width:1000px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-photo{height:180px}.team-info{padding:14px}.team-info h3{font-size:18px}.team-info p{font-size:11px}.team-links a{font-size:10px}}
/* Floating detail dialog and connected star-shaped topic map. */
#topic-dialog{transform-origin:center;animation:dialog-pop .55s cubic-bezier(.2,1.35,.4,1) both;box-shadow:0 28px 100px #000d,0 0 45px #a79bc318}
#topic-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
@keyframes dialog-pop{from{opacity:0;transform:translateY(32px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
#topic-dialog[open] .dialog-layout{animation:dialog-float 6s ease-in-out infinite}
@keyframes dialog-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mindmap-hint{display:block;color:#9289a7;font:400 10px Prompt,sans-serif;margin-top:5px}.mindmap{position:relative;width:100%;margin:16px 0 4px}.mindmap-core{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 20px;padding:9px 17px;border:1px solid #766b91;border-radius:30px;background:#25212d;color:#dbd6e9;font:600 12px Prompt,sans-serif}.mindmap-core span{font-size:20px;color:#bfb4db;text-shadow:0 0 14px #b0a3cf}.mindmap-core:after{content:'';position:absolute;top:100%;left:50%;height:20px;border-left:1px solid #6c6285}
.dialog-details .mindmap .dialog-topics{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:14px 0 0;list-style:none}.mindmap .dialog-topics:before{content:'';position:absolute;top:0;bottom:5px;left:50%;border-left:1px solid #6c6285}.mindmap .dialog-topics li{position:relative;border:0;padding:0;min-width:0}.mindmap .dialog-topics li:before{content:'';position:absolute;top:50%;width:8px;border-top:1px solid #6c6285}.mindmap .dialog-topics li:nth-child(odd):before{right:-8px}.mindmap .dialog-topics li:nth-child(even):before{left:-8px}.mindmap-node{position:relative;width:100%;height:100%;min-height:48px;display:flex;gap:8px;align-items:center;text-align:left;border:1px solid #484158;border-radius:12px;padding:9px;background:#201d27;color:#e1ddeb;font:400 11px/1.5 Prompt,sans-serif;animation:star-arrive .5s ease backwards,star-breathe 4s ease-in-out infinite;animation-delay:var(--node-delay),var(--node-delay);transition:border-color .25s,background .25s,box-shadow .25s}.mindmap-star{flex:none;color:#baaed6;font-size:19px;text-shadow:0 0 10px #b2a5d288}.mindmap-node:hover,.mindmap-node[aria-pressed=true]{border-color:#b3a6d1;background:#332e3f;box-shadow:0 0 16px #b3a6d133}.mindmap-node:focus-visible{outline:2px solid #ccc3e3;outline-offset:2px}.mindmap-selection{min-height:1.6em;color:#ada2c6!important;font-size:10px!important;margin:8px 0 18px!important}
@keyframes star-arrive{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes star-breathe{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 12px #a798cb20}}
@media(max-width:700px){#topic-dialog{max-height:90dvh}.dialog-details{padding:34px 20px 24px}.dialog-details .mindmap .dialog-topics{gap:8px 14px}.mindmap-node{font-size:10px;padding:8px 6px}.mindmap-star{font-size:16px}.mindmap-core strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){#topic-dialog,#topic-dialog[open] .dialog-layout,.mindmap-node{animation:none}}
/* A central category icon connects directly to each topic; details follow below. */
#topic-dialog{width:min(1060px,96vw);max-height:92dvh;scroll-behavior:smooth;overflow:auto}
#topic-dialog[open] .dialog-layout{animation:none}.map-opening{padding:36px 28px 25px;background:radial-gradient(ellipse at center,#2b2734 0%,#151319 52%,#111 100%);text-align:center}.map-topline{font:600 11px Prompt,sans-serif;letter-spacing:.08em;color:#b2a8cb}.mindmap{position:relative;width:100%;height:620px;margin:25px auto 8px}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.map-lines path{fill:none;stroke:#9287ad;stroke-width:1.5;opacity:.75;animation:map-line-in .8s ease both}.mindmap-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;max-width:20%;margin:0;padding:10px;display:flex;flex-direction:column;gap:0;border-radius:50%;border:1px solid #a195be;background:#211e28;box-shadow:0 0 38px #aea0cf26;animation:core-pop .65s cubic-bezier(.2,1.5,.4,1) both,core-glow 5s ease-in-out infinite}.mindmap-core:after{display:none}.mindmap-core span{font:600 36px Inter,sans-serif;color:#dbd5eb}.mindmap-core strong{font:600 12px Prompt,sans-serif}.mindmap .dialog-topics{position:absolute;inset:0;display:block!important;list-style:none;margin:0!important;padding:0!important}.mindmap .dialog-topics:before,.mindmap .dialog-topics li:before{display:none}.mindmap .dialog-topics li{position:absolute;top:var(--map-y);transform:translateY(-50%);width:35%;padding:0!important;border:0!important}.mindmap .dialog-topics li.map-left{left:0}.mindmap .dialog-topics li.map-right{right:0}.mindmap-node{min-height:48px;justify-content:center;background:#201d27ee}.map-scroll{display:inline-block;color:#c5bade;font:500 12px Prompt,sans-serif;padding:12px 20px;border:1px solid #625979;border-radius:30px}.mindmap-selection{margin:10px 0!important}.dialog-layout{border-top:1px solid #423c50}.dialog-details .dialog-icon{font-size:28px}@keyframes core-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes core-glow{50%{box-shadow:0 0 45px #b2a5d155}}@keyframes map-line-in{from{opacity:0}to{opacity:.75}}
@media(max-width:700px){.map-opening{padding:32px 12px 20px}.mindmap{height:650px}.mindmap-core{width:74px;height:74px;max-width:24%;padding:4px}.mindmap-core span{font-size:24px}.mindmap-core strong{font-size:9px;line-height:1.3}.mindmap .dialog-topics li{width:37%}.mindmap-node{font-size:10px;min-height:52px;padding:6px 5px;line-height:1.35}.mindmap-star{font-size:15px}.map-scroll{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mindmap-core,.map-lines path{animation:none}}
/* Mind map floats on the blurred page; the detail panel retains its background. */
#topic-dialog{background:transparent;border:0;box-shadow:none}
#topic-dialog .map-opening{background:transparent}
#topic-dialog .dialog-layout{background:#18161e;border:1px solid #534b66;border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #0009}
#topic-dialog .mindmap-star{display:none}
#topic-dialog .mindmap-node{background:transparent;border:1px solid transparent;box-shadow:none;color:#e8e5f1}
#topic-dialog .mindmap-node span{border:0;padding:0;border-radius:0;background:none;color:inherit;font:inherit}
#topic-dialog .mindmap-node:hover,#topic-dialog .mindmap-node[aria-pressed=true]{background:#3c364caa;border-color:#aa9ec8;box-shadow:0 0 15px #b3a6d12b}
#topic-dialog .mindmap-core{background:#211e28e6}
/* Gentle independent motion for each mind-map topic. */
@media(prefers-reduced-motion:no-preference){
 #topic-dialog .mindmap-node{animation:mindmap-drift 5.5s ease-in-out infinite;animation-delay:var(--node-delay);will-change:translate}
 #topic-dialog .mindmap .dialog-topics li:nth-child(3n) .mindmap-node{animation-duration:6.5s;animation-direction:reverse}
 #topic-dialog .mindmap .dialog-topics li:nth-child(3n+1) .mindmap-node{animation-duration:4.8s}
 #topic-dialog .mindmap-node:hover,#topic-dialog .mindmap-node:focus-visible{animation-play-state:paused}
}
@keyframes mindmap-drift{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(prefers-reduced-motion:reduce){#topic-dialog .mindmap-node{animation:none;translate:none}}
/* Restore topic outlines and make their gentle movement visible. */
#topic-dialog .mindmap-node{border:1px solid #867ba0;background:#1e1b25e6;border-radius:13px;box-shadow:0 4px 16px #0006;animation:topic-floating 3.8s ease-in-out infinite;animation-delay:var(--node-delay)}
#topic-dialog .mindmap .dialog-topics li:nth-child(3n) .mindmap-node{animation-duration:4.6s;animation-direction:reverse}
#topic-dialog .mindmap .dialog-topics li:nth-child(3n+1) .mindmap-node{animation-duration:3.3s}
#topic-dialog .mindmap-node:hover,#topic-dialog .mindmap-node:focus-visible,#topic-dialog .mindmap-node[aria-pressed=true]{border-color:#c3b8de;background:#3c364ced;animation-play-state:paused}
@keyframes topic-floating{0%,100%{transform:translateY(4px)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){#topic-dialog .mindmap-node{animation:none}html.sky-motion-on #topic-dialog .mindmap-node{animation:topic-floating 3.8s ease-in-out infinite;animation-delay:var(--node-delay)}}
/* Start at the resting position, then drift without an initial jump. */
#topic-dialog{animation:dialog-open-smooth .48s cubic-bezier(.22,1,.36,1) both}
@keyframes dialog-open-smooth{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
#topic-dialog .mindmap-node,#topic-dialog .mindmap .dialog-topics li:nth-child(3n) .mindmap-node,#topic-dialog .mindmap .dialog-topics li:nth-child(3n+1) .mindmap-node{animation-name:topic-drift-smooth;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:backwards}
@keyframes topic-drift-smooth{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){#topic-dialog{animation:none}#topic-dialog .mindmap-node,#topic-dialog .mindmap .dialog-topics li:nth-child(3n) .mindmap-node,#topic-dialog .mindmap .dialog-topics li:nth-child(3n+1) .mindmap-node{animation:none}html.sky-motion-on #topic-dialog .mindmap-node{animation:topic-drift-smooth 3.8s ease-in-out var(--node-delay) infinite backwards}}
.mindmap-selection{max-width:520px;margin:15px auto!important;padding:12px 18px;text-align:left;color:#cac2de!important;font:400 12px/1.8 Prompt,sans-serif;background:#1c1a22dc;border-radius:14px}.mindmap-selection strong{display:block;color:#dcd6ec}.mindmap-selection ul{margin:6px 0 0;padding-left:20px}.mindmap-selection li::marker{color:#9a8dbb}
/* Keep related branches closer together on small screens. */
@media(max-width:700px){.map-opening{padding-left:10px;padding-right:10px}.mindmap{width:100%;max-width:430px;height:clamp(235px,calc(var(--map-rows, 3) * 92px + 65px),390px);margin:20px auto 12px}.mindmap .dialog-topics li{width:37.5%}.mindmap-node{min-height:48px}.mindmap-core{width:70px;height:70px}.mindmap-selection{margin:12px auto!important}}
/* Curved, touch-scrollable topic wheel. */
#topic-dialog .map-opening{padding:36px 20px 25px}.map-opening .map-topline{font-size:12px}.map-opening .mindmap{height:auto;max-width:100%;margin:12px auto 0}.map-opening .map-lines{display:none}.map-opening .mindmap-core{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;max-width:none;margin:0 auto 8px;border:0;background:none;box-shadow:none;animation:none;display:flex;flex-direction:row;gap:10px}.map-opening .mindmap-core span{font-size:26px}.map-opening .mindmap-core strong{font:600 19px Prompt,sans-serif}.map-opening .mindmap .dialog-topics{position:relative;inset:auto;display:flex!important;align-items:center;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:55px 24px!important;margin:0!important;min-height:265px;list-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.map-opening .mindmap .dialog-topics li{position:relative;top:auto;left:auto!important;right:auto!important;transform:none;width:auto;flex:0 0 160px;scroll-snap-align:center}.map-opening .mindmap .dialog-topics li:nth-child(4n+1){transform:translateY(12px) rotate(-7deg)}.map-opening .mindmap .dialog-topics li:nth-child(4n+2){transform:translateY(-15px) rotate(-3deg)}.map-opening .mindmap .dialog-topics li:nth-child(4n+3){transform:translateY(-15px) rotate(3deg)}.map-opening .mindmap .dialog-topics li:nth-child(4n){transform:translateY(12px) rotate(7deg)}#topic-dialog .map-opening .mindmap-node{min-height:145px;padding:18px;background:linear-gradient(145deg,#2d2837,#16141b);border:1px solid #6a6083;border-radius:20px;justify-content:center;text-align:center;font:600 14px/1.5 Prompt,sans-serif;box-shadow:0 14px 28px #0008;animation:wheel-float 5s ease-in-out infinite;animation-delay:var(--node-delay)}#topic-dialog .map-opening .mindmap-node[aria-pressed=true]{border-color:#c3b8dd;background:linear-gradient(145deg,#4d465e,#211e29);box-shadow:0 0 24px #9888c144}#topic-dialog .map-opening .mindmap-node:focus-visible{outline:2px solid #ccc3e3;outline-offset:4px}@keyframes wheel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.wheel-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 12px;color:#a8a1b9;font:400 11px Prompt,sans-serif}.wheel-controls button{width:38px;height:38px;border:1px solid #685e80;border-radius:50%;color:#dbd5eb;background:#221f29;font-size:19px}.wheel-controls button:hover{background:#3b344c}.map-opening .mindmap-selection{max-width:500px}.map-opening .map-scroll{margin-top:8px}@media(max-width:700px){.map-opening .mindmap{height:auto}.map-opening .mindmap .dialog-topics{min-height:230px;padding:46px 15px!important;gap:12px}.map-opening .mindmap .dialog-topics li{flex-basis:135px}#topic-dialog .map-opening .mindmap-node{min-height:125px;font-size:12px;padding:12px}.map-opening .mindmap-core{max-width:none}.map-opening .mindmap-core strong{font-size:16px}}@media(prefers-reduced-motion:reduce){#topic-dialog .map-opening .mindmap-node{animation:none}}
/* Cards travel around an ellipse, with near and far depth. */
.map-opening .mindmap .dialog-topics{display:block!important;position:relative;height:350px;min-height:350px;overflow:visible;padding:0!important;touch-action:pan-y;user-select:none}.map-opening .mindmap .dialog-topics li,.map-opening .mindmap .dialog-topics li:nth-child(n){position:absolute;left:50%!important;top:50%;width:clamp(115px,19vw,175px);height:145px;transform:translate(-50%,-50%);will-change:transform,opacity}.map-opening .mindmap{overflow:hidden}#topic-dialog .map-opening .mindmap-node{height:100%;min-height:0;animation:none;touch-action:pan-y}.wheel-controls{position:relative;z-index:4}@media(max-width:700px){.map-opening .mindmap .dialog-topics{height:270px;min-height:270px}.map-opening .mindmap .dialog-topics li,.map-opening .mindmap .dialog-topics li:nth-child(n){width:115px;height:105px}#topic-dialog .map-opening .mindmap-node{font-size:11px;padding:8px}}
.map-opening .mindmap-core{width:fit-content;border-radius:999px;padding:6px 16px;background:transparent}
/* Keep wheel transforms on compositor layers; avoid animating large shadows. */
.map-opening .mindmap .dialog-topics li{backface-visibility:hidden;contain:layout style}#topic-dialog .map-opening .mindmap-node{transition:background .2s,border-color .2s;box-shadow:0 6px 14px #0005}
/* Topic illustrations are drawn as a consistent physics diagram system. */
.topic{padding-top:20px}.topic-illustration{height:150px;margin:-2px -4px 20px;border:1px solid #5b527055;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#9084ac26,transparent 65%),linear-gradient(150deg,#23202b,#111110);overflow:hidden}.topic-illustration svg{display:block;width:100%;height:100%}.topic-illustration .diagram{fill:none;stroke:#d2cdde;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.topic-illustration .dot{fill:#bdb1db;stroke:none}.topic-illustration text{fill:#d2cdde;stroke:none;font:12px Georgia,serif}.topic-illustration .glowline{stroke:#a495c8;stroke-width:2;filter:drop-shadow(0 0 5px #9f90c4);opacity:.8}.topic:hover .topic-illustration .glowline{opacity:1}.topic-symbol{width:34px;height:34px;font-size:17px;margin-bottom:15px;border-color:#6a6082}.topic{min-height:460px}@media(max-width:500px){.topic{min-height:420px}.topic-illustration{height:105px;margin-bottom:15px}.topic-symbol{margin-bottom:12px}}
.topic-illustration img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease,filter .4s ease;filter:saturate(.72)}.topic:hover .topic-illustration img{transform:scale(1.04);filter:saturate(.85)}@media(prefers-reduced-motion:reduce){.topic-illustration img{transition:none}}
/* Illustrated subject cards retain the wheel's own transform and motion. */
#topic-dialog .map-opening .mindmap-node{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:12px;border-color:#7e7398;box-shadow:0 6px 14px #0008;text-align:center}
.wheel-art,.wheel-art-bg,.wheel-art-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wheel-art{z-index:-1;overflow:hidden;border-radius:inherit}.wheel-art-bg{object-fit:cover;opacity:.42;filter:grayscale(1) sepia(.24) brightness(.7)}.wheel-art-overlay{background:linear-gradient(180deg,#12111655 0%,#12111666 43%,#0f0e12eF 84%)}.wheel-art-diagram{position:absolute;inset:8% 16% 24%;color:#e9e4f3;opacity:.94;filter:drop-shadow(0 1px 4px #000) drop-shadow(0 0 8px #b1a3d366)}.wheel-art-diagram svg{width:100%;height:100%}.wheel-card-label{position:relative;z-index:1;font-size:13px;line-height:1.35;color:#f8f6fb;text-shadow:0 2px 5px #000;font-weight:600}.mindmap-node[aria-pressed=true] .wheel-art-bg{opacity:.65}.mindmap-node[aria-pressed=true] .wheel-art-diagram{color:#e9e4f3}@media(max-width:700px){#topic-dialog .map-opening .mindmap-node{padding:7px}.wheel-art-diagram{inset:5% 14% 29%}.wheel-card-label{font-size:10px;line-height:1.3}}
.set-collection{padding:10px 24px 24px;max-width:1100px;margin:auto}.set-collection-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.set-collection-head h3{font-size:clamp(22px,3vw,32px);margin:8px 0;color:#ebe8f3}.set-collection-head p{font:400 12px/1.7 Prompt,sans-serif;color:#a7a0b8;margin:0}.set-demo-badge{border:1px solid #5b5370;border-radius:99px;padding:7px 13px;color:#b8afcf;font-size:10px;white-space:nowrap}.set-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.set-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;border:1px solid #544c67;border-radius:15px;background:linear-gradient(145deg,#221f29,#141219);padding:18px;color:#e5e1ef;min-height:160px;transition:border-color .2s,transform .2s}.set-card:hover{border-color:#b0a3ce;transform:translateY(-3px)}.set-card[aria-pressed=true]{border-color:#c0b4dc;background:#2d2938}.set-card-number{font-size:10px;color:#9e91bd;letter-spacing:.08em}.set-card strong{font-size:15px;line-height:1.5}.set-card-desc{font:400 11px/1.6 Prompt,sans-serif;color:#a7a0b9;flex:1}.set-card-footer{font-size:11px;color:#b3a8cd}.set-buy-disabled{display:inline-flex;margin:8px 0 14px;padding:12px 22px;border:1px solid #4d465f;border-radius:99px;background:#24202c;color:#9991ad;cursor:not-allowed;font:600 12px Prompt,sans-serif}.set-card:focus-visible{outline:2px solid #c5bbdf;outline-offset:3px}@media(max-width:700px){.set-collection{padding:8px 16px 22px}.set-collection-head{align-items:start;flex-direction:column;gap:12px}.set-list{grid-template-columns:repeat(2,minmax(0,1fr))}.set-card{padding:14px;min-height:150px}.set-card strong{font-size:13px}}@media(max-width:360px){.set-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.set-card{transition:none}}
.set-buy-demo{display:inline-flex;margin:8px 0 14px;padding:13px 22px;border:1px solid #c1b6dc;border-radius:99px;background:#ccc4e1;color:#121016;font:600 12px Prompt,sans-serif}.set-buy-demo:disabled{background:#24202c;color:#9991ae;border-color:#4d465f;cursor:not-allowed}.checkout-dialog{width:min(580px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid #6a6083;border-radius:24px;background:#141219;color:#e9e6f2;box-shadow:0 30px 100px #000b}.checkout-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.checkout-shell{padding:30px}.checkout-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.checkout-top small,.checkout-item small{color:#a99ec4;font-size:10px;letter-spacing:.1em}.checkout-top h2{font-size:26px;margin:9px 0 20px}.checkout-top>button{border:1px solid #504962;border-radius:50%;width:38px;height:38px;background:#221f2a;color:#fff;font-size:24px}.checkout-demo-notice{padding:13px 15px;border:1px solid #5a5071;border-radius:12px;background:#2b2636;color:#cdc5e3;font-size:12px}.checkout-steps{display:flex;gap:10px;margin:23px 0;color:#81769a;font-size:12px}.checkout-steps span{padding-bottom:8px;border-bottom:1px solid #423c51;flex:1}.checkout-steps .is-current{color:#d4cde7;border-color:#b7aad6}.checkout-item{display:flex;gap:15px;align-items:start;padding:20px;border:1px solid #453f55;border-radius:16px;background:#1c1a22}.checkout-icon{display:grid;place-items:center;width:54px;height:64px;border-radius:10px;background:#2e2a39;color:#bdb1da;font-size:26px;flex:none}.checkout-item strong{display:block;margin:7px 0;font-size:17px}.checkout-item p,.checkout-note,.checkout-payment-placeholder p{font:400 12px/1.8 Prompt,sans-serif;color:#ada6bd;margin:0}.checkout-totals{display:flex;justify-content:space-between;padding:20px 0;color:#d5d0e3}.checkout-note{margin:0 0 18px}.checkout-primary,.checkout-secondary{width:100%;padding:14px;border-radius:99px;font:600 13px Prompt,sans-serif}.checkout-primary{border:0;color:#110f15;background:#cbc2e1}.checkout-primary:disabled{background:#302b3b;color:#807699;cursor:not-allowed}.checkout-secondary{border:0;background:transparent;color:#bbb2d1;margin-top:8px}.checkout-payment-placeholder{display:flex;align-items:center;gap:15px;border:1px solid #453f55;border-radius:15px;padding:20px;background:#1c1a22}.checkout-payment-placeholder>span{font-size:28px;color:#b6abd0}.checkout-payment-placeholder strong{font-size:14px}.checkout-payment h3{font-size:20px}@media(max-width:600px){.checkout-shell{padding:23px 20px}.checkout-top h2{font-size:22px}.checkout-item{padding:15px}}
.featured-exam{display:grid;grid-template-columns:210px 1fr;gap:26px;padding:20px;border:1px solid #81779a;border-radius:22px;background:linear-gradient(125deg,#25222d,#121116);margin:24px 0}.featured-cover{min-height:205px;border:1px solid #635a79;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 60% 25%,#7a6c9b44,transparent 55%),#131118;color:#ccc3e1}.featured-cover span,.featured-cover small,.featured-label{font-size:10px;letter-spacing:.13em;color:#a397c1}.featured-cover strong{font-size:30px;line-height:1}.featured-copy{display:flex;flex-direction:column;align-items:start;justify-content:center}.featured-copy h3{font-size:24px;margin:8px 0}.featured-copy p,.featured-copy>small{color:#ada6bd;font-size:12px;line-height:1.8}.featured-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 16px}.featured-meta span{border:1px solid #534c66;border-radius:99px;padding:5px 10px;font-size:11px}.featured-meta strong{font-size:22px;color:#c5badf}.featured-copy button,.air-order{border:0;background:#cac1e0;border-radius:99px;color:#121016;padding:12px 20px;font-weight:700}.air-dialog{width:min(1050px,calc(100% - 28px));max-height:90dvh;border:1px solid #6a6082;border-radius:22px;background:#141219;color:#eae7f1;padding:0}.air-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.air-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px}.air-close{position:absolute;right:16px;top:16px;z-index:2;border:1px solid #554d69;border-radius:50%;width:38px;height:38px;background:#1f1c27;color:white;font-size:22px}.air-details{padding-top:10px}.air-details>small{color:#a196bd;font-size:11px}.air-details h2{font-size:28px;margin:12px 0}.air-details p,.air-details li{color:#b6b0c5;font-size:13px;line-height:1.85}.air-details h3{margin-top:28px}.air-details ul{padding-left:20px}.air-price{font-size:32px;color:#c8bee1;font-weight:700}.air-price span{font-size:12px;font-weight:400;color:#a9a2bb}.air-order{display:block;margin:20px 0 10px}.air-preview{background:#1e1c25;border:1px solid #484159;border-radius:16px;padding:20px}.air-preview-top{display:flex;justify-content:space-between;color:#cbc3de;font-size:12px;margin-bottom:12px}.air-preview-top span{font-size:10px}.air-preview img{display:block;width:100%;max-height:58vh;object-fit:contain;background:#fff}.air-preview-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px}.air-preview-controls button{width:34px;height:34px;border:1px solid #59516e;border-radius:50%;color:white;background:#282531}.air-preview-controls button:disabled{opacity:.35}.air-preview-controls span{font-size:12px}@media(max-width:700px){.featured-exam{grid-template-columns:100px 1fr;gap:15px;padding:13px}.featured-cover{min-height:175px;padding:12px}.featured-cover strong{font-size:20px}.featured-copy h3{font-size:18px}.featured-meta{gap:5px}.air-shell{grid-template-columns:1fr;padding:26px 20px}.air-preview img{max-height:none}}
.real-checkout{width:min(520px,calc(100% - 30px));max-height:90dvh;border:1px solid #6c6284;border-radius:24px;padding:0;background:#141219;color:#ebe8f3}.real-checkout::backdrop{background:#000c;backdrop-filter:blur(10px)}.real-inner{position:relative;padding:30px}.real-inner>small{color:#ada2ca;letter-spacing:.1em}.real-inner h2{font-size:24px}.real-inner p,.real-hint{font-size:12px;line-height:1.8;color:#afa9bf}.real-inner>button:first-child{position:absolute;right:20px;top:15px;border:0;background:none;color:white;font-size:25px}.real-total{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #413b50;border-bottom:1px solid #413b50}.real-total strong{color:#c0b5dc;font-size:22px}.real-inner button:not(#real-close),#real-download{display:block;width:100%;border:0;border-radius:99px;padding:13px 18px;margin:12px 0;background:#c7bde0;color:#121016;font-weight:700;text-align:center}.real-inner button:disabled{opacity:.5}.real-inner img{display:block;width:min(260px,90%);margin:20px auto;border-radius:12px}.real-inner label{display:block;font-size:12px;margin:12px 0}.real-inner input{max-width:100%;font-size:12px}.real-inner [role=status]{padding:8px 0;color:#c2b7dd;font-size:13px}.real-inner [hidden]{display:none!important}
.real-save-qr{display:block;text-align:center;font-size:12px;color:#b9aed4;text-decoration:underline;margin-bottom:14px}