:root{--nano-blue: #4A90D9;--nano-blue-dark: #3A7BC8;--icp-purple: #7B61FF;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--nano-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--nano-blue-dark)}.container{max-width:1000px;margin:0 auto;padding:0 var(--space-md)}.hero{position:relative;padding:var(--space-xl) 0 var(--space-lg);text-align:center;background:radial-gradient(ellipse at bottom,#1a1a2e,#0a0a0f);border-bottom:1px solid var(--bg-tertiary);overflow:hidden;min-height:400px}.hero-content{position:relative;z-index:10}.stars,.stars2,.stars3{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stars{background:transparent;box-shadow:120px 80px #fff,320px 150px #fff,520px 60px #fffc,80px 200px #fff,450px 250px #fff9,650px 100px #fff,180px 320px #ffffffb3,750px 200px #fff,50px 50px #ffffff80,380px 320px #fff,580px 280px #fffc,280px 100px #fff,700px 350px #fff9,150px 150px #fff,480px 180px #ffffffb3,620px 220px #fff,220px 280px #ffffff80,820px 80px #fff,350px 50px #fffc,550px 350px #fff,100px 280px #fff9,420px 120px #fff,680px 300px #ffffffb3,250px 220px #fff,780px 150px #ffffff80,30px 180px #fff,500px 20px #fffc;animation:introStars1 3s linear forwards}.stars2{background:transparent;box-shadow:200px 120px #ffffffe6,400px 80px #ffffff80,600px 200px #ffffffb3,100px 300px #fff6,350px 180px #fff9,550px 320px #fffc,750px 50px #ffffff80,50px 120px #ffffffb3,450px 280px #fff6,650px 150px #fff9,250px 350px #fffc,850px 250px #ffffff80,150px 220px #ffffffb3,520px 100px #fff6,720px 280px #fff9,320px 50px #fffc;animation:introStars2 3s linear forwards}.stars3{background:transparent;box-shadow:80px 40px 2px #ffffff4d,280px 180px 1px #fff6,480px 100px 2px #fff3,680px 280px 1px #ffffff80,180px 250px 2px #ffffff4d,380px 50px 1px #fff6,580px 200px 2px #fff3,780px 120px 1px #ffffff80,30px 320px 2px #ffffff4d,430px 220px 1px #fff6,630px 350px 2px #fff3,830px 180px 1px #ffffff80;animation:introStars3 3s linear forwards}@keyframes introStars1{to{transform:translateY(-381px)}}@keyframes introStars2{to{transform:translateY(-267px)}}@keyframes introStars3{to{transform:translateY(-211px)}}@keyframes loopStars{to{transform:translateY(-1000px)}}.badge-container{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-md)}.badge{display:inline-block;padding:4px 12px;background:#7b61ff33;border:1px solid rgba(123,97,255,.4);color:var(--icp-purple);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-radius:20px}.starfield-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#4a90d933;border:1px solid rgba(74,144,217,.4);border-radius:50%;color:var(--nano-blue);cursor:pointer;transition:all .3s ease;opacity:0;transform:scale(.8)}.starfield-btn:not(.hidden){opacity:1;transform:scale(1)}.starfield-btn:hover{background:#4a90d966;border-color:var(--nano-blue)}.starfield-btn.hidden{display:none}.hero h1{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--nano-blue) 0%,var(--icp-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.description{max-width:600px;margin:0 auto;color:var(--text-muted)}.nav{position:sticky;top:0;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);z-index:100}.nav .container{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.nav a{color:var(--text-secondary);font-size:.9rem;padding:var(--space-xs) var(--space-sm);border-radius:4px;transition:all .2s}.nav a:hover{color:var(--text-primary);background:var(--bg-tertiary)}.section{padding:var(--space-lg) 0}.section.alt{background:var(--bg-secondary)}.section h2{font-size:2rem;margin-bottom:var(--space-sm)}.section-intro{color:var(--text-secondary);margin-bottom:var(--space-md);max-width:600px}.steps{display:flex;flex-direction:column;gap:var(--space-md)}.step{position:relative;padding:var(--space-md);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--bg-tertiary)}.section.alt .step{background:var(--bg-primary)}.step-number{position:absolute;top:-12px;left:var(--space-md);width:24px;height:24px;background:var(--nano-blue);color:#fff;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%}.step h3{font-size:1.1rem;margin-bottom:var(--space-sm)}.step pre{background:var(--bg-primary);padding:var(--space-sm);border-radius:6px;overflow-x:auto;margin:var(--space-sm) 0}.section.alt .step pre{background:var(--bg-secondary)}.step code{font-family:var(--font-mono);font-size:.85rem;color:var(--nano-blue)}.step ul{margin-left:var(--space-md);color:var(--text-secondary)}.step li{margin:var(--space-xs) 0}.hint{font-size:.85rem;color:var(--text-muted);font-style:italic}.credits-options{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}.option.full-width{grid-column:1 / -1}@media(max-width:768px){.credits-options{grid-template-columns:1fr}}.btn-link{background:none;border:none;color:var(--text-accent);cursor:pointer;padding:0;font-size:.9rem;text-decoration:underline}.btn-link:hover{color:var(--text-primary)}.option{padding:var(--space-md);background:var(--bg-primary);border-radius:8px;border:1px solid var(--bg-tertiary)}.option h3{margin-bottom:var(--space-sm)}.option p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.option pre{background:var(--bg-secondary);padding:var(--space-sm);border-radius:6px;overflow-x:auto;margin:var(--space-sm) 0}.option code{font-family:var(--font-mono);font-size:.85rem;color:var(--nano-blue)}.donation-flow{margin-top:var(--space-md)}.input-group{margin-bottom:var(--space-sm)}.input-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.input-group input{width:100%;padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem}.input-group input:focus{outline:none;border-color:var(--nano-blue)}.terms-checkbox{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.terms-checkbox input[type=checkbox]{cursor:pointer}.terms-checkbox a{color:var(--nano-blue)}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn.primary{background:var(--nano-blue);color:#fff}.btn.primary:hover{background:var(--nano-blue-dark)}.btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn.secondary:hover{background:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:6px}.hidden{display:none}.pow-status{font-size:.9rem;color:var(--text-secondary)}.pow-status.computing{color:var(--warning)}.pow-status.complete{color:var(--success)}.pow-status.error{color:var(--error)}.pow-status.warning{color:var(--warning);font-weight:500}.payment-info{margin-top:var(--space-md)}.order-actions{margin-top:var(--space-sm);display:flex;gap:var(--space-xs);flex-wrap:wrap}.btn-cancel{background:var(--error);border-color:var(--error)}.order-hint{margin-top:var(--space-xs);font-size:.8rem}.btn-close{margin-top:var(--space-sm)}.payment-info code{display:block;padding:var(--space-sm);background:var(--bg-primary);border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--nano-blue);word-break:break-all;flex:1}.address-container{display:flex;align-items:stretch;gap:var(--space-xs);margin:var(--space-sm) 0}.address-container code{word-break:break-all}.btn-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--nano-blue);color:#fff}.btn-icon.copied{background:var(--success);color:#fff}.qr-container{display:flex;justify-content:center;margin:var(--space-md) 0}.qr-container.hidden{display:none}.qr-container canvas{border-radius:8px;background:#fff;padding:8px}.countdown{font-size:.9rem;color:var(--text-secondary);text-align:center}.countdown span{font-weight:600;color:var(--warning)}.countdown.urgent span{color:var(--error);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.verify-result{margin-top:var(--space-sm);padding:var(--space-sm);border-radius:6px;font-size:.9rem}.verify-result.checking{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--warning)}.verify-result.confirmed{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--success)}.verify-result.pending{background:#4a90d91a;border:1px solid rgba(74,144,217,.3);color:var(--nano-blue)}.verify-result.expired,.verify-result.cancelled,.verify-result.error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--error)}.node-info h3{margin-top:var(--space-md);margin-bottom:var(--space-sm);color:var(--nano-blue)}.node-info h3:first-child{margin-top:0}.node-info pre{background:var(--bg-secondary);padding:var(--space-sm);border-radius:6px;overflow-x:auto;margin:var(--space-sm) 0}.node-info code{font-family:var(--font-mono);font-size:.85rem;color:var(--nano-blue)}.node-info ul{margin:var(--space-sm) 0 var(--space-sm) var(--space-md);color:var(--text-secondary)}.node-info li{margin:var(--space-xs) 0}.link{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500}.footer{background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);padding:var(--space-lg) 0 var(--space-md)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.footer-left{line-height:2.2}.footer-right{text-align:right}.footer-logo{max-width:120px;margin-bottom:.5rem}.footer-tagline{font-size:.75rem;font-style:italic}.footer-credit{font-size:.75rem}.footer-section h4{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.footer-section p{margin:var(--space-xs) 0}.footer-section a{color:var(--text-secondary)}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:var(--space-md);border-top:1px solid var(--bg-tertiary);color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.container{padding:0 var(--space-sm)}.hero{padding:var(--space-lg) 0 var(--space-md);min-height:auto}.hero h1{font-size:2.2rem}.tagline{font-size:1rem}.description{font-size:.9rem;padding:0 var(--space-xs)}.nav .container{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);justify-content:center}.nav a{font-size:.8rem;padding:8px 10px;min-height:36px;display:inline-flex;align-items:center}.section{padding:var(--space-md) 0}.section h2{font-size:1.5rem}.section-intro{font-size:.9rem}.step{padding:var(--space-sm)}.step-number{left:var(--space-sm)}.step h3{font-size:1rem}.step pre,.option pre,.node-info pre{padding:var(--space-xs);-webkit-overflow-scrolling:touch}.step code,.option code,.node-info code{font-size:.7rem}.credits-options{grid-template-columns:1fr;gap:var(--space-sm)}.option{padding:var(--space-sm);min-width:0;overflow-x:auto}.option h3{font-size:1rem}.option p{font-size:.85rem}.input-group input{font-size:.8rem;padding:10px var(--space-xs)}.btn{width:100%;text-align:center;padding:12px var(--space-sm)}.btn-link{width:auto}.address-container{flex-direction:column;gap:4px}.address-container .btn-icon{align-self:flex-start;width:auto}.payment-info code{font-size:.65rem;padding:var(--space-xs)}.donation-flow .hint{font-size:.75rem}.donation-flow .hint code{font-size:.7rem;word-break:break-all}.status{padding:var(--space-sm)}.verify-result{font-size:.8rem}.node-info h3{font-size:1rem}.node-info p{font-size:.9rem}.node-info ul{margin-left:var(--space-sm)}.node-info li{font-size:.85rem}.footer{padding:var(--space-md) 0}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.footer-left{line-height:1.6}.footer-left p{font-size:.8rem;margin-bottom:var(--space-xs)}.footer-right{text-align:center}.footer-logo{max-width:90px}.footer-bottom{font-size:.75rem}.coffee-donation .address-container{flex-direction:column}.coffee-donation code{font-size:.65rem}}@media(max-width:400px){.hero h1{font-size:1.8rem}.tagline{font-size:.9rem}.nav a{font-size:.75rem;padding:6px 8px}.section h2{font-size:1.3rem}.step code,.option code,.node-info code{font-size:.65rem}.payment-info code,.coffee-donation code{font-size:.6rem}.footer-left p{font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.hero{padding:var(--space-md) 0 var(--space-sm);min-height:auto}.hero h1{font-size:2rem}.tagline{font-size:.9rem;margin-bottom:var(--space-sm)}.description{font-size:.85rem}.badge-container{margin-top:var(--space-sm)}.nav .container{padding:4px var(--space-sm);gap:var(--space-xs)}.nav a{font-size:.8rem;padding:4px 8px;min-height:28px}.section{padding:var(--space-sm) 0}.section h2{font-size:1.3rem}.footer{padding:var(--space-sm) 0}.footer-bottom{font-size:.75rem}}