:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7f5;background:#07100d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(71,255,172,.16),transparent 34rem),radial-gradient(circle at 0% 36%,rgba(74,149,255,.11),transparent 30rem),#07100d}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid rgba(255,255,255,.1)}.brand,.header-actions{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:#05100b;background:#69f5ad;border-radius:10px}.header-actions{gap:20px;color:#b8c7c0;font-size:.9rem}.header-actions>a:hover{color:#fff}.network-select-label{margin:0}.network-select-label select{max-width:180px;padding:9px 32px 9px 12px;color:#dce7e2;border:1px solid rgba(255,255,255,.14);border-radius:999px;outline:none;background:#10231b;cursor:pointer}.network-select-label select:focus{border-color:#69f5ada6;box-shadow:0 0 0 3px #69f5ad14}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wallet-button,.connect-state button,.primary-button{color:#06110c;background:#69f5ad;border-radius:999px;font-weight:800}.wallet-button{padding:11px 17px}.hero{padding:104px 0 66px}.eyebrow,.section-label{color:#69f5ad;font-size:.74rem;font-weight:900;letter-spacing:.16em}.hero h1{max-width:850px;margin:18px 0 20px;font-size:clamp(3.3rem,8vw,7.2rem);line-height:.93;letter-spacing:-.07em}.hero-copy{max-width:610px;margin:0;color:#adbbb5;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stat-card,.panel{border:1px solid rgba(255,255,255,.11);background:#0c1914d1;box-shadow:0 20px 70px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stat-card{padding:24px;border-radius:22px}.stat-card span,.muted{color:#8ea097}.stat-card strong{display:block;margin-top:11px;font-size:clamp(1.25rem,3vw,2rem);letter-spacing:-.04em}.stat-card small{display:block;min-height:2.6em;margin-top:9px;color:#71847b;font-size:.72rem;line-height:1.4}.claim-button{width:100%;margin-top:14px;padding:10px 12px;color:#06110c;background:#69f5ad;border-radius:999px;font-size:.8rem;font-weight:800}.claim-button:hover:not(:disabled){background:#8af9c1}.content-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}.panel{min-height:510px;padding:30px;border-radius:28px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.panel h2{margin:7px 0 0;font-size:1.8rem;letter-spacing:-.04em}.network-pill{flex:0 0 auto;padding:8px 11px;color:#d5b7a6;background:#ff8d521f;border:1px solid rgba(255,141,82,.22);border-radius:999px;font-size:.75rem;font-weight:700}.network-pill.online{color:#9cf5c5;background:#69f5ad1a;border-color:#69f5ad3b}label{display:block;margin:19px 0 9px;color:#d9e2de;font-size:.86rem;font-weight:700}.amount-input{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0000002e;border-radius:16px}.amount-input input,textarea{width:100%;color:#fff;outline:none;border:0;background:transparent}.amount-input input{padding:17px 18px}.amount-input span{padding:0 18px;color:#79eca9;font-size:.82rem;font-weight:900}textarea{min-height:118px;padding:16px 18px;resize:vertical;border:1px solid rgba(255,255,255,.12);background:#0000002e;border-radius:16px;line-height:1.5}.amount-input:focus-within,textarea:focus{border-color:#69f5ada6;box-shadow:0 0 0 3px #69f5ad14}.byte-count{margin-top:7px;color:#71847b;text-align:right;font-size:.76rem}.byte-count.invalid{color:#ff9675}.primary-button{width:100%;margin-top:22px;padding:16px;font-size:1rem}.primary-button:hover,.connect-state button:hover,.wallet-button:hover{background:#8af9c1}.connect-state{display:grid;min-height:285px;place-items:center;align-content:center;gap:18px;padding:28px;color:#aebcb5;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:20px}.connect-state button{padding:13px 20px}.status-message{margin:18px 0 0;padding:12px 14px;color:#c5d2cc;background:#ffffff0d;border-radius:12px;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.transaction-link{display:inline-block;margin-top:13px;color:#72edaa;font-size:.84rem;font-weight:700}.faucet-button{display:block;margin-top:18px;padding:12px 14px;color:#9cf5c5;text-align:center;background:#69f5ad14;border:1px solid rgba(105,245,173,.2);border-radius:12px;font-size:.84rem;font-weight:800}.faucet-button:hover{background:#69f5ad24;border-color:#69f5ad61}.text-button{padding:6px 0;color:#83efae;background:transparent;font-size:.8rem;font-weight:800}.tip-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.tip-list li{padding:17px 18px;background:#ffffff09;border:1px solid rgba(255,255,255,.075);border-radius:17px}.tip-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.tip-main strong{color:#82f2b3}.tip-main span,.tip-list time{color:#71827a;font-size:.76rem}.tip-list p{margin:9px 0 8px;color:#d0dad5;line-height:1.45;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;padding:34px 0 48px;color:#6f8178;font-size:.78rem}footer a:hover{color:#9af5c2}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.header-actions>a{display:none}.hero{padding-top:74px}.content-grid{grid-template-columns:1fr}.panel{min-height:auto}}@media(max-width:520px){.page-shell{width:min(100% - 24px,1180px)}.topbar{min-height:68px}.brand>span:last-child{display:none}.header-actions{gap:9px}.network-select-label select{width:116px;padding-left:10px;font-size:.78rem}.wallet-button{padding-inline:13px}.hero h1{font-size:3.25rem}.stats-grid{grid-template-columns:1fr}.panel,.stat-card{padding:21px;border-radius:20px}.panel-heading{display:block}.network-pill{display:inline-block;margin-top:14px}footer{display:grid}}
