@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Baskervville:ital,wght@0,400;0,700;1,400&family=UnifrakturMaguntia&display=swap";:root{--bg:#2b1937;--bg-deep:#160d20;--ink:#39204d;--ink-soft:#705484;--paper:#fffdf6;--cream:#fff4d6;--lav:#e7d7f3;--lav-deep:#b997d2;--gold:#d5ad5d;--pink:#f2bad5;--line:#6d4b82;--shadow:#12051c52}*{scrollbar-width:thin;scrollbar-color:var(--lav-deep) var(--bg-deep);box-sizing:border-box}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:linear-gradient(180deg, var(--bg-deep), var(--bg));border-left:1px solid #ffffff1f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cream), var(--lav), var(--pink));border:3px solid var(--bg-deep);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--gold), var(--lav), var(--pink))}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font-family:Baskervville,Georgia,serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 24px);position:fixed;inset:0}.shell{width:min(920px,100%);min-height:100vh;margin:0 auto;padding:0 18px}.paper{min-height:100vh;box-shadow:0 0 45px var(--shadow), inset 0 0 0 10px #e7d7f373, inset 0 0 0 12px #6d4b8240;background:linear-gradient(#fffdf6f0,#fffdf6f5),repeating-linear-gradient(0deg,#0000 0 31px,#70548414 32px);border-left:2px solid #ffffff59;border-right:2px solid #ffffff59;padding:clamp(26px,5vw,10px);position:relative}.paper:before{content:"Fictionfolk Academy";text-align:center;color:var(--ink-soft);letter-spacing:.25em;text-transform:uppercase;border-top:1px solid #6d4b8273;border-bottom:1px solid #6d4b8273;margin-bottom:28px;padding:10px 12px;font-size:.85rem;display:block}.hero{text-align:center;padding:20px 0 42px}.eyebrow{color:var(--ink-soft);letter-spacing:.22em;text-transform:uppercase;margin:0;font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:.78rem;font-weight:700}h1{color:var(--ink);text-shadow:2px 2px 0 var(--lav), 0 8px 22px #39204d29;margin:.25rem 0 .6rem;font-family:UnifrakturMaguntia,serif;font-size:clamp(3.3rem,9vw,6.8rem);font-weight:400;line-height:.86}h2{color:var(--ink);text-align:center;margin:0 0 1rem;font-family:Baskervville,Georgia,serif;font-size:clamp(1.7rem,4vw,2.7rem);font-style:italic;font-weight:700;line-height:1}h2:after{content:"";border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);width:72px;height:6px;margin:.65rem auto 0;display:block}.tagline{max-width:680px;color:var(--ink-soft);margin:0 auto 24px;font-size:1.14rem;line-height:1.75}p,li{font-size:1.05rem;line-height:1.75}a{color:#7a317e;font-weight:700}nav{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}nav a,button,select{border:1px solid var(--line);background:linear-gradient(180deg, #fffdf8, var(--cream));color:var(--ink);letter-spacing:.04em;text-transform:lowercase;box-shadow:3px 3px 0 var(--lav), inset 0 0 0 1px #ffffffb3;cursor:pointer;border-radius:999px;padding:.72rem 1rem;font:700 .92rem Atkinson Hyperlegible,system-ui,sans-serif;text-decoration:none}nav a:hover,button:hover{box-shadow:5px 5px 0 var(--lav-deep), inset 0 0 0 1px #fffc;transform:translate(-1px,-1px)}.card{border:1px solid var(--line);background:linear-gradient(#ffffffe6,#fff4d6c7);border-radius:18px;margin-bottom:24px;padding:clamp(20px,3vw,32px);position:relative;box-shadow:8px 8px #e7d7f3d9,0 14px 28px #39204d1f,inset 0 0 0 1px #ffffffb8}.card:before{content:"";pointer-events:none;border:1px dashed #6d4b823d;border-radius:12px;position:absolute;inset:9px}.intro{grid-template-columns:1fr 160px;align-items:center;gap:24px;display:grid}.intro img{width:100%;filter:drop-shadow(4px 8px 0 var(--lav)) drop-shadow(0 10px 18px #39204d38)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.fancy-list{padding:0;list-style:none}.fancy-list li{margin:.4rem 0;padding-left:1.7rem;position:relative}.fancy-list li:before{content:"✦";color:var(--gold);position:absolute;left:0}code{background:#e7d7f380;border:1px solid #6d4b8240;border-radius:6px;padding:.1rem .35rem;font-size:.9em}textarea{resize:vertical;border:1px dashed var(--ink-soft);width:100%;min-height:150px;color:var(--ink);background:#ffffffd1;border-radius:14px;margin:14px 0;padding:14px;font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:18px}select{border-radius:14px;width:100%}.badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.badges button{box-shadow:3px 3px 0 var(--lav), inset 0 0 0 1px #ffffffb3;border-radius:14px}.badges img{width:100%;image-rendering:crisp-edges;margin-bottom:8px;display:block}.badges span{display:block}.footer{text-align:center;padding-top:20px}.footer:before{content:"✦ ✦ ✦";color:var(--gold);letter-spacing:.8rem;margin-bottom:.75rem;display:block}.footer p{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.85rem}.trail-container{pointer-events:none;z-index:999999;position:fixed;inset:0}.trail-star{pointer-events:none;width:12px;height:12px;animation:.7s ease-out forwards trailFade;position:fixed;transform:translate(-50%,-50%)}.trail-star:before{content:"☂";color:var(--gold);text-shadow:0 0 8px var(--gold), 0 0 12px var(--lav);font-size:12px}@keyframes trailFade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@media (width<=900px){.shell{padding:0}.paper{border:0;min-height:100vh;box-shadow:inset 0 0 0 8px #e7d7f373}.grid.two,.intro,.badges{grid-template-columns:1fr}.intro img{max-width:160px;margin:auto}}