@font-face{font-family:"Display Serif";font-style:normal;font-weight:400;font-display:block;src:url(../assets/fonts/serif.woff2)format("woff2")}
@font-face{font-family:"Text Sans";font-style:normal;font-weight:400;font-display:block;src:url(../assets/fonts/sans.woff2)format("woff2")}
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#080c16;--text:#c5d2e8;--text-muted:#7d8eab;--accent:#6b9fff;--font-display:"Display Serif",Georgia,"Times New Roman",serif;--font:"Text Sans",system-ui,sans-serif}
body{font-family:var(--font);background:radial-gradient(ellipse 90% 60% at 50% 32%,rgba(55,95,175,.16),transparent 62%),var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;-webkit-font-smoothing:antialiased}
body.loading{background:var(--bg)}
.container{text-align:center;width:100%;max-width:800px;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.content-box{padding:2rem}
.content-box.hidden{display:none}
.title-container{margin-bottom:1.5rem}
.title{font-family:var(--font-display);font-weight:400;font-feature-settings:"liga" on,"lnum" on,"pnum" on;font-size:clamp(2.75rem,1.85rem + 4vw,4.5rem);line-height:1.1;letter-spacing:-.025em;color:#e8f0ff;user-select:none;margin-bottom:.75rem;animation:fade-in 1s ease .05s both}
.quote{font-size:1.1rem;font-weight:400;color:var(--text-muted);line-height:1.55;letter-spacing:0;min-height:1.55em;margin:0 auto .25rem;max-width:36rem}
.quote span{opacity:0;display:inline-block;animation:fadeIn .6s ease-in forwards;margin:0 2px}
.icon-buttons{display:flex;justify-content:center;gap:1rem;margin-top:.65rem;flex-wrap:wrap;opacity:0;pointer-events:none;transition:opacity .5s ease}
.icon-buttons.visible{opacity:1;pointer-events:auto}
.icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;color:#d7e8ff;transition:color .15s,filter .15s,transform .15s;text-decoration:none}
.icon-btn:hover{color:#fff;filter:drop-shadow(0 0 10px rgba(107,159,255,.35));transform:scale(1.08)}
.icon-btn svg{width:22px;height:22px}
a{color:var(--accent);text-decoration:none}
a:hover{color:#fff}
.error-container{text-align:center;padding:2rem 1rem;max-width:600px;margin:0 auto}
.error-code{font-family:var(--font-display);font-weight:400;font-feature-settings:"liga" on,"lnum" on,"pnum" on;font-size:clamp(3.5rem,10vw,5.75rem);line-height:1.05;letter-spacing:-.025em;color:#e8f0ff}
@keyframes fadeIn{to{opacity:1}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media (max-width:600px){.container{max-width:100%;padding:1.25rem}.content-box{padding:1rem;width:100%;box-sizing:border-box}.quote{font-size:1rem}.icon-buttons{gap:.75rem}.icon-btn{width:44px;height:44px}.icon-btn svg{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.title{animation:none}.quote span{animation:none;opacity:1}.icon-buttons{opacity:1;pointer-events:auto;transition:none}.icon-btn:hover{transform:none}}