@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap");:root{--gold:#c9a84c;--gold-light:#edd68a;--gold-dark:#8b6914;--card:#111;--bg:#080808;--text:#fff;--muted:hsla(0,0%,100%,.5);--ok:#c9a84c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;font-family:Cormorant Garamond,Georgia,serif;color:var(--text);min-height:100%;background:var(--bg)}body{background:radial-gradient(ellipse at 50% 0,rgba(201,168,76,.12) 0,transparent 60%),var(--bg);background-attachment:fixed}.wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:440px;background:var(--card);border:1px solid rgba(201,168,76,.25);border-radius:4px;padding:40px 32px 36px;text-align:center;box-shadow:0 0 0 1px rgba(201,168,76,.08),0 30px 80px rgba(0,0,0,.7);position:relative}.card:after,.card:before{content:"";position:absolute;width:24px;height:24px;border-color:var(--gold);border-style:solid;opacity:.6}.card:before{top:10px;left:10px;border-width:1px 0 0 1px}.card:after{bottom:10px;right:10px;border-width:0 1px 1px 0}.deco{font-size:13px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin:0 0 10px;opacity:.8}.age{font-size:96px;font-weight:700;line-height:1;background:linear-gradient(160deg,var(--gold-light) 0,var(--gold) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-2px}.age,.name{font-family:Cinzel,serif}.name{font-size:18px;font-weight:600;letter-spacing:3px;color:#fff;text-transform:uppercase;margin:8px 0 0}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;opacity:.4}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--gold)}.divider span{color:var(--gold);font-size:10px}.subtitle{color:var(--muted);font-size:16px;font-style:italic;margin:0 0 28px;line-height:1.5}.field{width:100%;padding:14px 16px;font-size:15px;font-family:inherit;background:hsla(0,0%,100%,.05);border:1px solid rgba(201,168,76,.25);border-radius:2px;color:#fff;margin-bottom:14px;outline:none;transition:border-color .2s}.field::placeholder{color:hsla(0,0%,100%,.3)}.field:focus{border-color:var(--gold)}.btn{display:block;width:100%;padding:17px;font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#000;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));border:none;border-radius:2px;cursor:pointer;text-align:center;transition:opacity .2s,transform .1s}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:default}.btn-ghost{display:inline-block;margin-top:18px;color:var(--gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;opacity:.7;transition:opacity .2s}.btn-ghost:hover{opacity:1}.hidden-input{display:none}.progress-row{margin-top:20px;text-align:left}.bar{height:2px;background:hsla(0,0%,100%,.1);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-light),var(--gold));transition:width .3s ease}.progress-label{font-size:13px;color:var(--muted);margin-top:10px;letter-spacing:1px}.done{font-size:44px;margin:4px 0 6px}.done-text{font-size:17px;font-weight:400;color:var(--gold);margin:0 0 4px;letter-spacing:1px}.foot{margin-top:24px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:hsla(0,0%,100%,.2)}.qr-box{background:#fff;padding:20px;border-radius:4px;display:inline-block}