@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f9f5;--ink:#17291f;--muted:#707c72;--lime:#dbfba0;--line:#dde3d9;--green:#244f3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.wrap{max-width:1240px;margin:auto;padding:0 42px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 26px Manrope,sans-serif;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.mark{display:inline-block;width:28px;height:28px;background:var(--ink);clip-path:polygon(0 0,34% 0,50% 58%,67% 0,100% 0,66% 100%,34% 100%)}nav,.actions{display:flex;gap:30px;align-items:center}nav a{font-size:13px;color:#56645b}nav a:hover{color:#142c20}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:6px;padding:14px 21px;font-size:13px;font-weight:600}.btn.light{background:transparent;color:var(--ink);border-color:#c9d0c5}.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn.small{padding:11px 17px}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:#538557;display:inline-block}.hero{padding:78px 0 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center}h1{font:500 clamp(46px,5.2vw,72px)/1.09 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0}h1 em{font-style:normal;color:#718d68}.lead{font-size:16px;line-height:1.8;color:#6d796f;max-width:410px;margin:24px 0 30px}.hero .actions{gap:12px}.micro{font-size:11px;color:#7b857c;margin-top:18px}.scene{height:426px;position:relative;background:radial-gradient(ellipse at 50% 65%,#d7e6c7,transparent 65%);overflow:hidden}.gridfloor{position:absolute;width:650px;height:480px;left:-40px;top:30px;background-image:linear-gradient(#9ba98b22 1px,transparent 1px),linear-gradient(90deg,#9ba98b22 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(58deg) rotateZ(-30deg)}.stack{position:absolute;left:24%;top:54px;width:240px;height:270px;transform:rotate(-8deg)}.slab{position:absolute;left:0;width:240px;height:140px;border-radius:17px;transform:skewY(-15deg);background:linear-gradient(130deg,#526650,#172a20 70%);box-shadow:16px 22px 22px #263b2522;border:1px solid #607658}.slab:after{content:'';position:absolute;inset:13px;border:1px solid #90b08044;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 17px,#aed49122 18px 19px)}.slab:nth-child(1){top:140px}.slab:nth-child(2){top:75px;background:linear-gradient(130deg,#a1b985,#587048)}.slab:nth-child(3){top:10px;background:linear-gradient(130deg,#e7faca,#94ad75);box-shadow:14px 15px 0 #68814f,18px 24px 25px #263b2533}.chip{position:absolute;top:57px;left:86px;width:70px;height:46px;background:#e8f6d3;border:1px solid #8da476;border-radius:8px;z-index:3;transform:skewY(-15deg);display:grid;place-items:center;font:bold 19px Manrope;color:#526c42}.floatlabel{position:absolute;background:#fffffff0;box-shadow:0 8px 30px #162a2010;border:1px solid #e0e7d8;border-radius:8px;padding:12px 16px;font-size:11px;z-index:5}.floatlabel.top{right:8px;top:42px}.floatlabel.bottom{bottom:30px;left:15px}.floatlabel strong{display:block;font-size:13px;margin-top:6px}.signal{color:#4b854b}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center}.trust span{font-size:11px;color:var(--muted)}.trust strong{font:600 14px Manrope;letter-spacing:-.3px}.section{padding:70px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font:500 34px/1.2 Manrope;letter-spacing:-1.4px;margin:13px 0}h3{font:600 19px Manrope;letter-spacing:-.5px}.sectiontop p{color:var(--muted);max-width:350px;line-height:1.7;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:9px;padding:28px;background:#fff9}.card p{color:var(--muted);font-size:13px;line-height:1.8}.icon{width:40px;height:40px;border-radius:9px;background:#edf3e7;display:grid;place-items:center;font-size:22px}.textlink{font-size:12px;font-weight:600;display:inline-flex;gap:24px;margin-top:18px}.band{background:var(--ink);color:#fff;border-radius:12px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.band p{color:#bac8bb;font-size:13px}.pricing{background:#eef2e8}.price{font:500 40px Manrope}.price small{font:13px 'DM Sans';color:var(--muted)}.card ul{padding:0;list-style:none;font-size:13px;line-height:2.5;color:#677568}.card li:before{content:'✓';margin-right:10px}.card.featured{border-color:#71955d;background:#f6fbeF}footer{padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.auth{min-height:calc(100vh - 95px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px 0}.auth h1{font-size:50px}.authpanel{background:white;border:1px solid var(--line);padding:38px;border-radius:12px;max-width:440px;width:100%;justify-self:center}.authpanel h2{font-size:27px}.authpanel .btn{width:100%;margin:20px 0}.authpanel p{color:var(--muted);line-height:1.7;font-size:13px}.authpanel a:not(.btn){text-decoration:underline}.authinfo{background:#edf3e6;padding:16px;border-radius:6px;font-size:12px;line-height:1.7}.console{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{padding:32px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f0f3eb}.sidebar .brand{font-size:23px}.sidenav{display:grid;gap:6px;margin-top:45px}.sidenav a{padding:12px 14px;font-size:13px;color:#677467;border-radius:6px}.sidenav a.active{background:#dfe9d5;color:#223b25;font-weight:700}.sidebottom{margin-top:auto;font-size:12px;color:var(--muted);padding:40px 14px 0}.workspace{padding:0 40px 35px;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;background:#dce8d1;display:grid;place-items:center}.dashhead{display:flex;align-items:center;justify-content:space-between;margin:35px 0 25px}.dashhead h2{font-size:31px}.dashhead p{font-size:13px;color:var(--muted)}.badge{display:inline-flex;background:#edf3e5;color:#57704b;border:1px solid #dce7d2;font-size:10px;padding:5px 8px;border-radius:4px}.notice{background:#edf2e5;color:#62724f;font-size:12px;padding:13px 16px;border-radius:6px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{padding:22px;border:1px solid var(--line);background:white;border-radius:8px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font:500 29px Manrope;margin:12px 0}.stat small{font-size:11px;color:#7c8975}.panel{background:white;border:1px solid var(--line);border-radius:9px;margin-top:22px;padding:24px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.panelhead h3{margin:0}.chart{height:180px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--line);padding:25px 8px 0;background:repeating-linear-gradient(to top,transparent 0 43px,#edf0e9 44px 45px)}.bar{background:#b7d293;flex:1;border-radius:3px 3px 0 0}.chartlabels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:400;padding:20px 8px 13px}td{border-top:1px solid var(--line);padding:18px 8px}td strong{font-weight:600}.status{color:#64894d}.rowbtn{border:0;background:#eef2e8;color:#3c593a;border-radius:4px;padding:6px 10px;font-size:11px}.empty{text-align:center;padding:40px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input,select{width:100%;padding:12px;border:1px solid #d5dccf;border-radius:5px;background:white;color:var(--ink)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.settings{max-width:760px}.hint{font-size:11px;color:var(--muted);line-height:1.7}.toggle{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:13px}.toggle input{width:auto}.modalshade{position:fixed;inset:0;background:#17291f77;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:460px;max-width:100%;background:var(--paper);padding:30px;border-radius:12px}.modal .actions{margin-top:25px;justify-content:end;gap:10px}.close{background:none;border:0;font-size:25px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:6px;padding:14px 22px;z-index:50;display:none;font-size:13px}.billinggrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.billinggrid .panel{margin:0}.usageitem{margin:24px 0}.usageitem div{display:flex;justify-content:space-between;font-size:12px}progress{width:100%;height:8px;margin-top:10px;accent-color:#71995a} @media(min-width:1450px){.hero{padding:100px 0 80px}}@media(max-width:900px){nav{display:none}.hero{gap:5px}h1{font-size:51px;letter-spacing:-2.5px}.stack{left:10%}.trust{gap:20px;flex-wrap:wrap}.console{grid-template-columns:170px 1fr}.sidebar{padding:25px 12px}.workspace{padding:0 22px 30px}.auth{gap:35px}.authpanel{padding:25px}.cards{gap:12px}.card{padding:22px}.wrap{padding:0 25px}}@media(max-width:650px){header{height:77px}.brand{font-size:23px}header .actions{gap:13px}header .actions a:first-child{font-size:12px}.hero{grid-template-columns:1fr;padding:50px 0 25px}.hero h1{font-size:52px}.scene{height:340px}.stack{left:27%;transform:scale(.9) rotate(-8deg)}.floatlabel.top{right:10px}.hero .lead{font-size:15px}.trust strong{font-size:11px}.trust span{width:100%}.cards,.auth,.billinggrid{grid-template-columns:1fr}.section{padding:45px 0}.sectiontop{display:block}.band{padding:27px;display:block}.band .btn{margin-top:15px}.auth{padding:30px 0;gap:15px}.auth>div:first-child{display:none}.authpanel{max-width:none}.console{display:block}.sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidenav{display:flex;margin-top:18px;overflow:auto}.sidenav a{padding:9px 12px}.sidebottom{display:none}.workspace{padding:0 18px 25px}.topbar{height:60px}.dashhead{gap:12px;align-items:start}.dashhead h2{font-size:26px}.stats{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:23px}.stat span{font-size:10px}.stat small{font-size:9px}.panel{padding:17px}.chart{gap:4px}.formgrid{grid-template-columns:1fr}.dashhead .btn{padding:11px;font-size:11px}.section h2{font-size:29px}footer{gap:20px}.band h2{font-size:30px}}

.compute-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.compute-cards{grid-template-columns:1fr}}

/* Charcoal surfaces, luminous accents, and motion. */
:root{color-scheme:dark;--paper:#1b1d20;--ink:#f0f3ed;--muted:#a9b0a6;--line:#373b3e;--lime:#d5fba1;--green:#b3db89;--surface:#24272b;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--paper);isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#b9eb7910,transparent 45%),radial-gradient(ellipse at 12% 70%,#93bfff08,transparent 40%)}
::selection{background:#d5fba1;color:#192015}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
nav a,.sidenav a{color:#b7beb4}nav a:hover,.textlink:hover{color:var(--lime)}
.mark{background:var(--lime)}h1 em{color:var(--lime)}.eyebrow{color:#c8d4bf}.lead,.micro,.stat small{color:var(--muted)}
.btn,.btn.lime{background:var(--lime);border-color:var(--lime);color:#1c2715;box-shadow:0 0 0 transparent;transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.btn.light{background:#ffffff04;color:var(--ink);border-color:#596153}.btn span,.textlink span{transition:transform .3s var(--ease)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #d5fba125}.btn:hover span,.textlink:hover span{transform:translate(3px,-3px)}.btn:active{transform:translateY(0) scale(.98)}
.card,.stat,.panel,.authpanel{background:linear-gradient(145deg,#2a2d30,#222529);border-color:var(--line);box-shadow:0 15px 40px #00000015}
.card{position:relative;overflow:hidden;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,0%),#d5fba116,transparent 75%);opacity:0;transition:opacity .4s}
.card:hover:before{opacity:1}.card:hover{transform:translateY(-7px);border-color:#76866a;box-shadow:0 20px 40px #0004}.card.featured{background:linear-gradient(140deg,#30392b,#252a24);border-color:#718461}.card ul{color:#bcc5b6}.card li:before{color:var(--lime)}
.icon,.authinfo{background:#333c2d;color:#d4ebba}.band{background:linear-gradient(120deg,#2c3528,#222923);border:1px solid #536247;box-shadow:0 20px 70px #0003}.band p{color:#bcc8b5}.pricing{background:var(--surface)}
.scene{background:radial-gradient(ellipse at 50% 65%,#a9e76d1c,transparent 65%)}.gridfloor{background-image:linear-gradient(#b3da841b 1px,transparent 1px),linear-gradient(90deg,#b3da841b 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000 25%,transparent 73%)}
.stack{filter:drop-shadow(0 20px 35px #a5d87014);animation:cloud-drift 7s ease-in-out infinite}
.slab{border-color:#819b65;box-shadow:16px 22px 24px #0004}.slab:nth-child(3){background:linear-gradient(130deg,#e4fac2,#8da96b);box-shadow:14px 15px 0 #627b47,18px 24px 35px #0005}
.slab:after{overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 17px,#d4efae25 18px 19px)}
.chip{box-shadow:0 0 25px #d5fba140;animation:chip-light 4s ease-in-out infinite}.floatlabel{background:#272c29ed;border-color:#505b47;box-shadow:0 12px 35px #0004;backdrop-filter:blur(14px);animation:label-drift 6s ease-in-out infinite}.floatlabel.bottom{animation-delay:-3s}.signal,.status{color:#b9e895}.dot{background:#c2ef91;box-shadow:0 0 10px #c2ef9166}
.sidebar{background:#202326}.sidenav a.active{background:#35402c;color:var(--lime)}.sidenav a{transition:background .25s,color .25s}.sidenav a:hover{background:#30372d;color:var(--lime)}.avatar{background:#36442b;color:var(--lime)}.badge{background:#313d28;border-color:#4a5c3b;color:#d0edb4}.notice{background:#2c3428;color:#c1d4b0}
.chart{background:repeating-linear-gradient(to top,transparent 0 43px,#373d3444 44px 45px)}.bar{background:linear-gradient(to top,#638847,#c5eba3);transform-origin:bottom;animation:bar-rise .85s var(--ease) both;animation-delay:calc(var(--bar-index,0)*18ms)}
.rowbtn{background:#394432;color:#d0eabb;transition:background .25s}.rowbtn:hover{background:#4c5d3f}input,select{background:#1e2224;border-color:#4c5546;color:var(--ink)}input:focus,select:focus{border-color:var(--lime)}input::placeholder{color:#899381}progress{accent-color:#bce58e}.modalshade{background:#090b0dcc;backdrop-filter:blur(7px)}.modal{background:#252a2c;border:1px solid #515b49;box-shadow:0 25px 90px #0008;animation:dialog-in .35s var(--ease) both}#toast{background:var(--lime);color:#172210;box-shadow:0 12px 35px #0005}
.motion-control{position:fixed;right:18px;bottom:18px;z-index:10;padding:9px 12px;border:1px solid #535b4b;border-radius:30px;background:#252b25ed;color:#d0ddc7;font-size:11px;cursor:pointer;backdrop-filter:blur(10px)}footer{padding-bottom:60px}
.reveal-pending{opacity:0;translate:0 22px;transition:opacity .8s var(--ease),translate .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;translate:0 0}.reveal-pending:focus-within{opacity:1;translate:0 0}
.hero h1{animation:hero-in .9s var(--ease) both}.hero .eyebrow{animation:hero-in .7s var(--ease) both}.hero .lead{animation:hero-in 1s .1s var(--ease) both}.hero .actions{animation:hero-in 1s .18s var(--ease) both}.authpanel,.dashhead{animation:hero-in .6s var(--ease) both}
@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes cloud-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -16px;rotate:2deg}}
@keyframes label-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes chip-light{0%,100%{box-shadow:0 0 20px #d5fba125}50%{box-shadow:0 0 45px #d5fba170}}
@keyframes bar-rise{from{transform:scaleY(.05);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal-pending{opacity:1;translate:none}.motion-paused .card:hover,.motion-paused .btn:hover{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;translate:none}.card:hover,.btn:hover{transform:none}}
@media(max-width:650px){.motion-control{right:12px;bottom:12px}.floatlabel{font-size:10px}.floatlabel strong{font-size:12px}}
.account-status{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.credit-balance{text-align:right;padding-right:18px;border-right:1px solid var(--line);white-space:nowrap}.credit-balance strong{display:block;color:var(--lime);font-size:15px}.credit-balance small,.account-identity small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.account-identity{display:flex;align-items:center;gap:9px;min-width:0}.account-identity strong{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-identity small{color:#b9e895}.billing-credit{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}@media(max-width:1000px){header:has(.account-status) nav{display:none}}@media(max-width:650px){header:has(.account-status){height:auto;min-height:88px;flex-wrap:wrap;gap:16px;padding:16px 0}.account-status{gap:10px}.account-identity>span:last-child{display:none}.credit-balance{padding-right:10px}.credit-balance strong{font-size:13px}.topbar:has(.account-status){height:auto;min-height:76px;gap:12px;flex-wrap:wrap;padding:12px 0}.credit-balance small{font-size:9px}}
.billing-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.credit-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.credit-package{display:flex;align-items:center;gap:10px;margin:0;padding:18px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.credit-package:has(input:checked){border-color:#bef264;background:#bef2640d}.credit-package input{width:auto;accent-color:#bef264}.credit-package strong,.credit-package small{display:block}.credit-package small{margin-top:6px;color:var(--muted)}.credit-total{font-size:18px;font-weight:600;margin:22px 0}.recurring-draft{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.chart{overflow:visible;position:relative}.bar-wrap{position:relative;flex:1;height:100%;display:flex;align-items:end;min-width:0}.bar{width:100%;position:relative;cursor:help;outline-offset:3px;transition:filter .2s,transform .2s}.bar:hover,.bar:focus-visible{filter:brightness(1.25);transform:scaleX(1.12);z-index:3}.bar:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,5px);padding:9px 11px;border:1px solid #536247;border-radius:6px;background:#1b1d20;color:#eff5e9;box-shadow:0 8px 25px #0008;font:500 11px/1.4 "DM Sans",sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s,visibility .16s}.bar:hover:after,.bar:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}.chart-note{margin:14px 0 0}@media(max-width:650px){.chart{gap:4px}.bar:after{font-size:9px;padding:7px 8px}}
/* Credit packages: staggered arrival, coin stack, and selection sweep. */
.credit-package{position:relative;isolation:isolate;overflow:hidden;min-height:148px;padding:22px 18px;background:linear-gradient(145deg,#2c3230,#202526);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s;animation:credit-arrive .55s both;animation-delay:calc(var(--pack-index,0)*75ms)}
.credit-package input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.credit-package:focus-within{outline:2px solid var(--lime);outline-offset:4px}.credit-package-copy{position:relative;z-index:1}.credit-package strong{font-size:15px}.credit-package small{font-size:13px;font-variant-numeric:tabular-nums}
.credit-package:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,#c6f89c26,transparent 75%);opacity:0;transition:opacity .35s;z-index:-1}.credit-package:after{content:"";position:absolute;inset:-80% -60%;background:linear-gradient(105deg,transparent 42%,#dcffb91c 50%,transparent 58%);transform:translateX(-100%) rotate(12deg);pointer-events:none;z-index:-1}
@media(hover:hover){.credit-package:hover{transform:translateY(-5px);border-color:#82996a;box-shadow:0 12px 24px #0003}.credit-package:hover:before{opacity:1}}
.credit-package:has(input:checked){border-color:var(--lime);background:linear-gradient(145deg,#35452d,#252f25);box-shadow:0 0 0 1px #c6f89c30,0 8px 25px #0003}.credit-package:has(input:checked):before{opacity:1}.credit-package:has(input:checked):after{animation:credit-sweep .8s ease-out both}
.credit-check{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--lime);color:#203015;opacity:0;transform:scale(.5) rotate(-35deg);transition:opacity .2s,transform .4s cubic-bezier(.2,1.5,.4,1)}.credit-package:has(input:checked) .credit-check{opacity:1;transform:scale(1) rotate(0)}
.credit-coins{display:block;position:relative;width:38px;height:33px;margin-bottom:12px}.credit-coins i{position:absolute;left:0;width:33px;height:14px;border:1px solid #9cb77c;border-radius:50%;background:linear-gradient(150deg,#adc88c,#4e6642);box-shadow:0 3px 0 #3f5135;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.credit-coins i:nth-child(1){top:16px}.credit-coins i:nth-child(2){top:9px}.credit-coins i:nth-child(3){top:2px;background:linear-gradient(150deg,#e0fdb5,#9bbf72)}.credit-package:has(input:checked) .credit-coins i:nth-child(2){transform:translateY(-3px)}.credit-package:has(input:checked) .credit-coins i:nth-child(3){transform:translateY(-6px)}
@keyframes credit-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes credit-sweep{to{transform:translateX(100%) rotate(12deg)}}
.motion-paused .credit-package:hover{transform:none}@media(prefers-reduced-motion:reduce){.credit-package:hover{transform:none}}
@media(max-width:380px){.credit-package{padding:18px 12px}.credit-package strong{font-size:13px}}