:root{--cream:#f1f1ec;--muted:#8b8b85;--line:#ffffff15;color-scheme:dark}html{min-width:320px}body{background:radial-gradient(ellipse 600px 470px at 50% -80px,#ffffff08,transparent),#080808;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#eee;color:#080808}main{max-width:520px;padding:58px 24px 28px;animation:reveal .8s cubic-bezier(.2,.75,.25,1) both}header{padding-bottom:8px}.logo{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#242424,#101010);border:1px solid #ffffff1c;box-shadow:0 12px 40px #0008,inset 0 1px #ffffff08;margin-bottom:18px;animation:reveal .9s ease both}.logo img{width:48px;height:48px;transition:transform .4s}.logo:hover img{transform:rotate(-7deg) scale(1.05)}.brand{color:#a4a49c;font-size:10px;letter-spacing:4.5px;font-weight:600}h1{font-size:32px;font-weight:550;letter-spacing:-1.2px;margin:20px 0 12px;text-wrap:balance}header p{font-size:13px;line-height:1.7;max-width:360px;margin:0 auto 20px}p{line-height:1.7}button{background:#171717;border-color:var(--line);color:#d3d3c9;border-radius:10px;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}button:hover{background:#252525;border-color:#ffffff30}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:2px solid #ddd;outline-offset:4px}button:disabled{transform:none}.api{background:transparent;color:#85857d;border-color:#ffffff14;font-size:10px;letter-spacing:1px;padding:7px 10px}#languages{margin:24px 0 18px;gap:4px}#languages button{color:#77776f;border-color:transparent;font-size:10px;border-radius:7px;padding:5px 10px}#languages .selected{background:#ffffff06;border-color:#ffffff20;color:#ddd}.notice{background:#ffffff03;border-color:#ffffff13;color:#99998e;font-size:10px;padding:9px;margin-bottom:16px}.notice:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#aaa99a;margin:0 7px 1px 0}
.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0c0c0c;border-color:var(--line);padding:17px 6px;margin-bottom:16px;border-radius:13px}.status>div{margin:0;padding:0 12px;border-right:1px solid var(--line);min-width:0}.status>div:last-child{border:0}.status b{display:block;font-size:11px;white-space:nowrap;font-weight:500}.status span{float:none;background:transparent;padding:0;font-size:9px;color:#929288}.status small{display:none}i{width:4px;height:4px;background:#bac5b6;box-shadow:none;left:auto;right:13px;top:7px}#vendors{background:#0c0c0c;border-color:var(--line);margin:0 0 17px;gap:3px;border-radius:11px;padding:4px}#vendors button{padding:10px 4px;background:transparent;color:#77776f;border:1px solid transparent;font-size:12px;box-shadow:none}#vendors .selected{background:linear-gradient(#282828,#1d1d1d);color:#efefe7;border-color:#ffffff16;box-shadow:0 2px 5px #0004}
.panel{padding:27px;background:linear-gradient(145deg,#151515,#101010 70%);border-color:#ffffff17;border-radius:17px;box-shadow:0 15px 50px #0003,inset 0 1px #ffffff03;margin-bottom:16px}#view{animation:reveal .5s ease both}.steps{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.step{color:#66665e;font-size:9px}.step:before{height:1px;background:#ffffff15;top:15px}.step em{width:30px;height:30px;line-height:28px;font-size:11px;font-weight:500;background:#131313;border-color:#33332d;margin-bottom:10px}.step.current em{background:#e9e9e0;color:#151512;border-color:#e9e9e0;outline:4px solid #ffffff04;box-shadow:0 0 22px #ffffff05}.step.current{color:#d0d0c5}label{color:#b3b3a8;font-size:11px;letter-spacing:.2px;margin:12px 0 9px}input,textarea{background:#090909;color:#ecece3;border-color:#ffffff1d;border-radius:9px;padding:14px;font-size:12px;line-height:1.5;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#7d7d72;box-shadow:0 0 0 3px #ffffff05}input::placeholder,textarea::placeholder{color:#55554d}small.hint{color:#73736b;font-size:10px;line-height:1.7;margin:10px 0 18px}.primary{background:linear-gradient(#f1f1e9,#deded4);color:#141412;border-color:#ffffff25;box-shadow:inset 0 1px #fff4,0 4px 14px #0002;min-height:48px;margin-top:12px;font-weight:600}.primary:hover{background:#fffef5;color:#000;transform:translateY(-1px);box-shadow:0 5px 23px #ffffff0b}.primary:active{transform:translateY(0)}.secondary{background:transparent;color:#929288;border-color:#ffffff12;margin-top:10px}.demo{background:transparent;color:#aaa99a;font-size:10px;text-underline-offset:3px}.demo:hover{background:transparent;color:white}.tools{background:#0c0c0c;box-shadow:none;padding:20px 26px;text-align:left}.tools h2{font-size:9px;font-weight:500;letter-spacing:1.7px;color:#707067;text-align:left;margin-bottom:13px}.tools button{background:transparent;border:0;border-bottom:1px solid #ffffff09;border-radius:0;padding:10px 0;margin-top:6px;font-size:12px;font-weight:400;text-align:left;color:#a5a597}.tools button:after{content:'↗';float:right;color:#5a5a51;transition:transform .2s}.tools button:hover{color:#fff}.tools button:hover:after{transform:translate(2px,-2px);color:#ddd}.tools button:last-child{border-bottom:0}
.row{background:#080808;border:1px solid var(--line);padding:4px;border-radius:10px;gap:5px}.row button{background:transparent;color:#77776e;border:1px solid transparent;padding:9px 5px;font-size:11px}.row .selected{background:#242422;color:#e6e6dc;border-color:#ffffff0c}.error{background:#41221e55;border:1px solid #bd715326;color:#e2b6ac;font-size:12px}.result{background:#0b0b0b;border-color:var(--line);color:#99998d;font-size:12px;padding:15px}.result b{color:#deded1;font-weight:500}h2{font-size:17px;font-weight:500;letter-spacing:-.4px}h3{font-size:12px;font-weight:500;color:#c1c1b4}pre{background:#080808;border:1px solid var(--line);color:#a6a69b;font:11px/1.8 Consolas,monospace;padding:15px}a{color:#c2c2b5;text-underline-offset:4px;transition:color .2s}a:hover{color:#fff}.success{font-size:30px;line-height:68px;width:70px;height:70px;margin:8px auto 24px;border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#282826,#121212);color:#eee;animation:reveal .6s ease}footer{border-color:#ffffff0d;color:#62625a;font-size:10px;line-height:2;padding-top:22px;margin-top:30px}footer a{color:#85857b}#result{font-size:12px;color:#aaa99c;line-height:1.8;overflow-wrap:anywhere;margin-top:15px}#result:empty,#provider:empty{display:none}#provider{margin-top:20px}#provider>a{display:block;margin-top:16px;font-size:11px;text-align:center}astrum-activation{display:block;min-height:240px;border-radius:12px;overflow:hidden}body:has(#redeem-form) main{padding-top:90px}body:has(#redeem-form) header{padding-bottom:26px}body:has(#redeem-form) h1{font-size:36px}body:has(#redeem-form) .panel{padding:30px}body:has(#redeem-form) main>p{text-align:center;font-size:10px!important;padding:0 12px;color:#707065}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:380px){main{padding:35px 17px 22px}h1{font-size:28px}.panel{padding:22px 18px}.status>div{padding:0 8px}.status b{font-size:10px}i{right:7px}.tools{padding:18px}body:has(#redeem-form) main{padding-top:45px}body:has(#redeem-form) h1{font-size:30px}body:has(#redeem-form) .panel{padding:23px 19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
