/* Hashpad's ambient layer is decorative; proof values remain untouched. */
body{background:radial-gradient(ellipse at 88% 8%,#dfe7ff88,transparent 36%),radial-gradient(ellipse at 8% 48%,#e7eaff88,transparent 32%),#f4f6ff}
.header{position:sticky;top:0;z-index:30;background:#f4f6ffdf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #cbd6ef80;box-shadow:0 5px 25px #17234904}
.brand img{box-shadow:0 5px 16px #3155ef21;border-radius:10px}.header nav>a{transition:color .2s}
#mobile-nav{position:sticky;top:88px;z-index:29;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:0 12px 25px #1723490b}
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:10px -25px -25px;z-index:-1;pointer-events:none;background-image:linear-gradient(#3155ef0a 1px,transparent 1px),linear-gradient(90deg,#3155ef0a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at 70% 50%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 10%,transparent 72%)}
.hero:after{content:'';position:absolute;width:330px;height:330px;top:55px;right:8%;background:radial-gradient(circle,#6486ff24,transparent 68%);pointer-events:none;z-index:-1;animation:ambient-drift 14s ease-in-out infinite alternate}
.hero h1 em{background:linear-gradient(110deg,#3155ef 5%,#567cf7 45%,#3155ef 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
.notice{border:1px solid #cbd6fa;background:#ffffffa6;padding:7px 11px;border-radius:30px;letter-spacing:.9px;box-shadow:0 3px 12px #3155ef06}
.notice .dot{box-shadow:0 0 0 4px #3155ef0e;animation:signal-pulse 3s ease-in-out infinite}
.button,.wallet-button{transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.button.primary,.wallet-button{background:linear-gradient(145deg,#4368ff,#3155ef 65%);box-shadow:inset 0 1px 0 #ffffff35,0 5px 14px #3155ef1c}
.button.secondary{background:#ffffffbf;box-shadow:inset 0 1px 0 #fff,0 4px 14px #17234904}
.proof-console{border:1px solid #617cb0;box-shadow:0 0 0 5px #3155ef05,0 22px 55px #17234925,0 0 50px #3155ef0f;background:linear-gradient(150deg,#141f3a,#111a32 60%)}
.proof-console:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#7a9bff0a,transparent 38%,transparent 70%,#3155ef08);box-shadow:inset 0 1px 0 #b2caff33}
.console-title{background:linear-gradient(90deg,#1c2c4c,#17223c)}
.console-lights i:nth-child(2){box-shadow:0 0 7px #87a7ff66}
.console-body{position:relative;overflow:hidden}
.console-body:after{content:'';position:absolute;left:0;right:0;top:-3px;height:2px;background:linear-gradient(90deg,transparent,#91b6ff2b,transparent);box-shadow:0 0 12px #91b6ff15;pointer-events:none;animation:console-sweep 13s linear infinite}
.console-bars i{transition:background .3s,box-shadow .3s}
.ca-strip{background:linear-gradient(100deg,#e6ebff,#f0f3ff);box-shadow:inset 0 1px 0 #ffffffd9,0 4px 14px #3155ef05}
.ca-strip .token-label{background:#3155ef0d;border:1px solid #3155ef18;padding:3px 7px;border-radius:5px;white-space:nowrap}
.ca-strip button{background:#ffffff80}
.section-heading .eyebrow,.page-top>.eyebrow{display:inline-flex;align-items:center;gap:8px}.section-heading .eyebrow:before,.page-top>.eyebrow:before{content:'';width:15px;height:1px;background:var(--blue)}
.coin-card,.box,.steps article{box-shadow:inset 0 1px 0 #ffffffd9,0 6px 22px #17234906;border-color:#d4def2;transition:box-shadow .25s,border-color .25s,transform .25s;background-image:linear-gradient(135deg,#ffffff90,#ffffff00)}
.steps article{border-radius:16px}.steps article:nth-child(2){background-image:linear-gradient(135deg,#fff8f5,#fff0ec)}
.step-number{box-shadow:inset 0 1px 0 #ffffff88}
.tabs{box-shadow:inset 0 1px 3px #17234908}.tabs button.active{box-shadow:0 2px 7px #1723490b}
input,textarea,select{transition:border-color .2s,box-shadow .2s;background:#fcfdff}input:focus,textarea:focus,select:focus{border-color:#8aa2ff;box-shadow:0 0 0 3px #3155ef0a}
.closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#3155ef55,transparent 65%),linear-gradient(120deg,#172349,#111b35);border:1px solid #3c527c;box-shadow:0 14px 35px #17234912}
.closing:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b9caff0a 1px,transparent 1px),linear-gradient(90deg,#b9caff0a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.closing .button{box-shadow:inset 0 1px 0 #ffffff55,0 5px 18px #0002}
.fx-surface{position:relative;isolation:isolate}.fx-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(330px circle at var(--spot-x,50%) var(--spot-y,50%),#6486ff13,transparent 65%)}
.fx-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.fx-reveal.fx-visible{opacity:1;transform:none}
.fx-reveal:focus-within{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.button:hover,.wallet-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3155ef22}.fx-surface:hover:after{opacity:1}.coin-card:hover,.steps article:hover{border-color:#9eb1f1;box-shadow:inset 0 1px 0 #fff,0 14px 35px #3155ef12;transform:translateY(-3px)}.box:hover{border-color:#b4c5f5}}
@keyframes ambient-drift{to{transform:translate(-25px,30px) scale(1.12)}}
@keyframes signal-pulse{50%{box-shadow:0 0 0 6px #3155ef05}}
@keyframes console-sweep{0%{top:-3px;opacity:0}5%,65%{opacity:1}75%,100%{top:100%;opacity:0}}
@media(max-width:760px){.hero:before{inset:0 -15px;background-size:32px 32px}.hero:after{width:240px;height:240px;right:0;top:auto;bottom:100px}.header{backdrop-filter:blur(12px)}.proof-console{box-shadow:0 0 0 3px #3155ef05,0 16px 35px #1723491b}.notice{font-size:8px}.closing{box-shadow:0 8px 25px #1723490c}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.fx-reveal{opacity:1;transform:none}.console-body:after{display:none}}
