:root{color-scheme:dark;--night:#080e18;--cream:#f2ede2;--gold:#c0a37b;--mute:#929eae}
*{box-sizing:border-box}html{min-height:100%;background:var(--night)}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 54%,#132031 0%,#0b1422 43%,#070d16 100%);color:var(--cream);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(72px);opacity:.23}.ambient-a{width:42vw;height:42vw;left:-19vw;top:20%;background:#1d3653}.ambient-b{width:35vw;height:35vw;right:-15vw;bottom:0;background:#493d2b}.shell{position:relative;z-index:1;min-height:100svh;padding:clamp(12px,2.2vw,32px);display:grid}.frame{min-height:calc(100svh - clamp(24px,4.4vw,64px));border:1px solid rgba(179,160,126,.27);position:relative;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(145deg,rgba(255,255,255,.022),transparent 28%,rgba(0,0,0,.08) 72%);isolation:isolate}.frame:before,.frame:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}.frame:before{left:-1px;top:-1px;border-left:1px solid #bda47e;border-top:1px solid #bda47e}.frame:after{right:-1px;bottom:-1px;border-right:1px solid #bda47e;border-bottom:1px solid #bda47e}.topline{display:flex;justify-content:space-between;align-items:center;padding:clamp(22px,3vw,43px);font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:500;letter-spacing:.29em;color:#bba889}.slash{color:#7a6854;margin:0 .6em}.star{font-size:19px;font-weight:normal;color:#bba889}.hero{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px 36px}.seal-wrap{width:clamp(150px,21vw,235px);height:clamp(150px,21vw,235px);display:grid;place-items:center;margin-bottom:clamp(6px,1.8vw,19px);filter:drop-shadow(0 0 22px rgba(195,158,96,.09));animation:arrive 1.4s both}.seal{width:100%;height:100%;animation:breathe 8s ease-in-out infinite}.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.34em;font-size:9px;color:#9ca4b2;margin:0 0 19px}h1{font-size:clamp(45px,7.8vw,112px);font-weight:400;line-height:1;letter-spacing:clamp(.1em,1.8vw,.27em);padding-left:clamp(.1em,1.8vw,.27em);margin:0;color:#f4eee3;text-shadow:0 1px 22px rgba(231,221,200,.08);animation:arrive 1.1s .12s both}.gold-line{width:67px;height:1px;background:linear-gradient(90deg,transparent,#c6a981,transparent);margin:clamp(23px,3vw,40px) 0 25px}.motto{font-size:clamp(15px,1.65vw,22px);font-style:italic;color:#cfb68f;letter-spacing:.035em;margin:0}.subtitle{font-family:Arial,Helvetica,sans-serif;font-size:clamp(10px,1.06vw,14px);letter-spacing:.055em;color:#929eae;margin:16px 0 0}.foot{display:flex;flex-direction:column;align-items:center;gap:25px;padding:0 20px clamp(23px,3vw,38px)}.enter{display:flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:0 28px;border:1px solid rgba(197,165,118,.8);text-decoration:none;color:#e9d8b9;background:rgba(10,16,24,.52);font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.19em;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.enter:hover,.enter:focus-visible{background:rgba(173,138,87,.13);border-color:#efd2a1;box-shadow:0 0 28px rgba(186,146,88,.13);transform:translateY(-2px)}.enter:focus-visible{outline:2px solid #e4c69b;outline-offset:4px}.footer-text{font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:.29em;color:#657487}@keyframes breathe{50%{filter:brightness(1.22);transform:scale(1.015)}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.topline{padding:23px}.hero{padding:20px 18px}.seal-wrap{margin-bottom:14px}h1{font-size:clamp(36px,10vw,64px);letter-spacing:.12em;padding-left:.12em}.motto{font-size:16px}.subtitle{max-width:250px;line-height:1.65}.foot{padding-bottom:26px}.frame{min-height:calc(100svh - 24px)}}@media(max-height:620px){.seal-wrap{width:125px;height:125px;margin-bottom:0}.hero{padding:0 16px 10px}.eyebrow{margin-bottom:10px}.gold-line{margin:13px 0}.foot{gap:12px;padding-bottom:12px}.enter{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#stars{opacity:.45}}
