@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,500&family=Vazirmatn:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--paper: #EDE6D6;--paper-2: #E7DCC0;--ink: #24303F;--ink-2: #3E4C60;--muted: #8A7A55;--muted-2: #A99B7C;--card: #FBF6E8;--border: #E2D5B4;--amber: #B8862E;--sage: #5F7A5C;--rose: #A6483C}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,sans-serif;color:var(--ink);min-height:100vh;position:relative;background:radial-gradient(700px circle at 10% -10%,rgba(184,134,46,.16),transparent 50%),radial-gradient(650px circle at 105% 0%,rgba(139,58,48,.18),transparent 48%),radial-gradient(700px circle at 100% 105%,rgba(95,122,92,.14),transparent 50%),radial-gradient(600px circle at -5% 100%,rgba(184,134,46,.1),transparent 45%),linear-gradient(160deg,#141b24,#1b2530 45%,#10151c)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,transparent 40%,rgba(0,0,0,.35) 100%)}.page{max-width:480px;margin:28px auto 44px;padding:30px 22px 56px;background:var(--paper);border-radius:26px;box-shadow:0 34px 80px #0006,0 6px 18px #00000038;position:relative}.word-en{font-family:Fraunces,serif;font-optical-sizing:auto;letter-spacing:-.01em}.ipa{font-family:JetBrains Mono,monospace}.btn{border:none;border-radius:12px;padding:12px 18px;font-family:Vazirmatn,sans-serif;font-weight:600;font-size:14px;cursor:pointer}.btn-primary{background:var(--ink);color:var(--paper-2)}.btn-sage{background:var(--sage);color:#fff}.btn-rose{background:var(--rose);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--ink)}input{font-family:Vazirmatn,sans-serif;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:12px 14px;font-size:14px;width:100%}a{color:inherit}h1{font-weight:800;letter-spacing:-.01em}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-family:JetBrains Mono,monospace}.gold-rule{width:44px;height:2px;background:linear-gradient(to left,var(--amber),transparent);margin:14px auto 0}.elevated-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:34px 26px;box-shadow:0 24px 60px #24303f24,0 3px 8px #24303f0f}.brand-mark{width:56px;height:56px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#33465c,#1a222e);box-shadow:0 10px 24px #24303f59,inset 0 0 0 1px #4a5a70}.brand-mark span{font-family:Fraunces,serif;font-size:22px;color:#efe6cd;transform:translateY(1px)}.btn{letter-spacing:.01em;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:scale(.97)}button{transition:transform .12s ease}button:active{transform:scale(.95)}.btn-primary{box-shadow:0 8px 18px #24303f38}input{transition:border-color .15s ease}input:focus{outline:none;border-color:var(--amber)}.card-flip-scene{perspective:1600px}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.card-flip-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px}.card-back{transform:rotateY(180deg)}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(340px) rotate(360deg);opacity:0}}.confetti-piece{position:absolute;top:0;font-size:22px;animation:confetti-fall 1.8s ease-in forwards}
