@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Dancing+Script:wght@400;600&display=swap');
:root{--text:rgba(226,236,247,.90);--soft:rgba(208,224,240,.70);--quiet:rgba(196,216,236,.56);--line:rgba(108,166,218,.28)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 16%,rgba(42,35,91,.32),transparent 34%),radial-gradient(circle at 50% 62%,rgba(13,74,104,.16),transparent 42%),#010207;color:var(--text);font-family:Cinzel,serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(175,215,245,.34) .65px,transparent .85px);background-size:39px 39px;opacity:.22}
.shell{position:relative;width:min(680px,88vw);margin:auto;padding:36px 0 110px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:72px}
.brand{font:30px 'Dancing Script',cursive;color:rgba(218,231,246,.74);text-decoration:none;text-shadow:0 0 24px rgba(80,164,230,.25)}
.back{font:10px Cinzel,serif;letter-spacing:.14em;color:var(--quiet);text-decoration:none}
.kicker{font:10px Cinzel,serif;letter-spacing:.19em;color:var(--quiet);text-transform:uppercase}
.panel{border-top:1px solid var(--line);padding:54px 0}
.panel h1{font:400 29px/1.3 Cinzel,serif;letter-spacing:.04em;margin:0 0 18px;color:rgba(232,239,248,.96)}
.intro{font:italic 16px/1.8 Georgia,serif;color:var(--soft);max-width:540px;margin:0 0 34px}
label{display:block;font:10px Cinzel,serif;letter-spacing:.12em;color:var(--quiet);margin:22px 0 8px}
input{width:100%;padding:14px 15px;border:1px solid rgba(101,176,231,.28);background:rgba(7,15,26,.72);color:var(--text);border-radius:8px;font:15px Georgia,serif}
input:focus{border-color:rgba(112,188,242,.50);outline:none}
button,.button{display:inline-block;margin-top:22px;padding:12px 22px;border:1px solid rgba(101,176,231,.38);border-radius:999px;color:rgba(232,241,250,.86);background:rgba(17,36,58,.30);font:10px Cinzel,serif;letter-spacing:.15em;text-decoration:none;cursor:pointer}
button:hover,.button:hover,button:focus,.button:focus{border-color:rgba(112,188,242,.55);background:rgba(24,49,75,.30);color:rgba(239,246,252,.95);box-shadow:0 0 22px rgba(86,158,220,.10);outline:none}
.smalllink{font:12px/1.8 Georgia,serif;color:var(--soft);text-decoration:none;border-bottom:1px solid rgba(190,211,232,.25)}
.note,.error,.ok{font:14px/1.7 Georgia,serif;color:var(--soft);padding:14px 0}
.error{color:rgba(255,196,196,.9)}.ok{color:rgba(205,239,220,.9)}
.book{padding:34px 0;border-top:1px solid var(--line)}
.book h2{font:400 20px Cinzel,serif;margin:8px 0 10px;color:rgba(232,239,248,.96)}
.meta{font:10px Cinzel,serif;letter-spacing:.1em;color:var(--quiet)}
.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .button{margin-top:12px}
.order{padding:20px 0;border-top:1px solid rgba(108,166,218,.18);font:13px/1.7 Georgia,serif;color:var(--soft)}
.accountline{font:12px Georgia,serif;color:var(--quiet);margin-top:10px}
@media(max-width:600px){.shell{padding-top:28px}.top{margin-bottom:52px}.brand{font-size:27px}.panel{padding-top:44px}.panel h1{font-size:25px}}