@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Space+Mono:wght@400;700&display=swap");:root{--green-950:#04140c;--green-900:#07301c;--green-800:#0a4527;--green-700:#0f5d35;--green-600:#167a47;--green-500:#1f9e5c;--green-400:#34c97a;--green-300:#6fe3a3;--green-200:#aef3cb;--green-100:#d9fbe8;--cream:#f2fbf5;--ink:#04140c}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Space Mono,monospace;background:radial-gradient(1200px 800px at 80% -10%,var(--green-700) 0,transparent 55%),radial-gradient(900px 700px at -10% 110%,var(--green-600) 0,transparent 50%),var(--green-950);color:var(--cream);min-height:100vh;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{position:relative;width:100%;max-width:440px;background:linear-gradient(165deg,rgba(15,93,53,.55),rgba(7,48,28,.85));border:1px solid var(--green-600);border-radius:28px;padding:3rem 2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(174,243,203,.15);animation:rise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.98)}}.badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green-300);border:1px solid var(--green-700);padding:.35rem .75rem;border-radius:999px;margin-bottom:1.75rem}.dot{width:7px;height:7px;border-radius:50%;background:var(--green-400);box-shadow:0 0 12px var(--green-400);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}h1{font-family:Fraunces,serif;font-weight:900;font-size:2.6rem;line-height:1.02;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--cream)}h1 .accent{color:var(--green-400);font-style:italic}.sub{color:var(--green-200);font-size:.92rem;line-height:1.6;margin-bottom:2.25rem;opacity:.85}.btn{width:100%;border:none;cursor:pointer;font-family:Space Mono,monospace;font-weight:700;font-size:.95rem;letter-spacing:.02em;padding:1.1rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,var(--green-400),var(--green-500));color:var(--ink);transition:transform .15s ease,box-shadow .25s ease,filter .2s ease;box-shadow:0 12px 30px -8px rgba(52,201,122,.5);display:flex;align-items:center;justify-content:center;gap:.6rem}.btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 40px -8px rgba(52,201,122,.6)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--green-200);border:1px solid var(--green-600);box-shadow:none}.btn.ghost:hover{background:rgba(31,158,92,.12);filter:none}.user{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem;padding:1.25rem;background:rgba(4,20,12,.5);border:1px solid var(--green-700);border-radius:16px}.user .label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green-300)}.user .value{font-size:1.05rem;color:var(--cream);word-break:break-all}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--green-600),transparent);margin:1.5rem 0}.foot{margin-top:1.75rem;font-size:.72rem;color:var(--green-300);opacity:.6;text-align:center;letter-spacing:.05em}.token{margin-bottom:.5rem;padding:1.1rem 1.25rem;background:rgba(4,20,12,.6);border:1px solid var(--green-700);border-radius:16px}.token-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.copy{cursor:pointer;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--green-400);border:none;border-radius:8px;padding:.35rem .7rem;transition:filter .15s ease,transform .1s ease}.copy:hover{filter:brightness(1.08)}.copy:active{transform:scale(.96)}.token-value{display:block;max-height:120px;overflow-y:auto;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.5;color:var(--green-200);word-break:break-all;white-space:pre-wrap}