:root{--color-blue: #FF2D92;--color-blue-light: #FF6BB3;--color-blue-dim: #CC2475;--color-blue-glow: rgba(255, 45, 146, .4);--color-cyan: #FF6BB3;--color-cyan-glow: rgba(255, 107, 179, .3);--color-purple: #9333EA;--color-purple-deep: #7C3AED;--color-black: #000000;--color-black-light: #070709;--color-black-lighter: #101018;--color-black-card: #0A0A10;--color-white: #E0E0E8;--color-gray-400: #9A9AB0;--color-gray-500: #6B6B80;--color-gray-600: #44445A;--color-pink: #FF2D92;--color-pink-glow: rgba(255, 45, 146, .5);--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--color-gray-400);background:var(--color-black);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.knight-rider{width:100%;max-width:600px;height:2px;background:var(--color-black-lighter);margin:0 auto;position:relative;overflow:hidden;border-radius:2px}.knight-rider-light{position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-blue) 50%,transparent 100%);box-shadow:0 0 20px var(--color-blue-glow),0 0 40px var(--color-blue-glow);animation:knight-rider 2.5s ease-in-out infinite}@keyframes knight-rider{0%{left:-100px}50%{left:calc(100% + 0px)}50.01%{left:calc(100% + 0px)}to{left:-100px}}.nav{background:#0a0a10e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-black-lighter);padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo-img{height:52px;width:auto;border-radius:4px;display:block}.nav-links{display:flex;gap:1.25rem;align-items:center}.nav-social-link{color:var(--color-gray-500);text-decoration:none;display:flex;align-items:center;transition:color .2s}.nav-social-link svg{width:24px;height:24px}.nav-social-link:hover{color:var(--color-white)}.main-content{flex:1;padding:0}.container{max-width:1100px;margin:0 auto;text-align:center;padding:0 2rem}.hero-section{padding:0 0 2rem;position:relative}.ascii-logo{color:var(--color-blue);font-size:clamp(.3rem,1vw,.65rem);font-weight:700;line-height:1.1;margin-bottom:0;overflow-x:auto;text-shadow:0 0 10px var(--color-blue-glow),0 0 20px rgba(0,191,255,.15);white-space:pre;opacity:.85}.tagline{font-size:1rem;color:var(--color-blue-dim);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;font-weight:700}.section-divider{width:100%;max-width:600px;margin:2rem auto}.server-rack{max-width:700px;margin:0 auto 2rem;background:#08080c;border:2px solid #1A1A24;border-radius:6px;padding:6px 0;box-shadow:0 0 40px #0009,inset 0 0 30px #0000004d}.rack-unit{display:flex;align-items:stretch;margin:3px 6px}.rack-ear{width:18px;flex-shrink:0;background:#16161e;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0;border:1px solid #1E1E28}.rack-ear--left{border-radius:3px 0 0 3px;border-right:none}.rack-ear--right{border-radius:0 3px 3px 0;border-left:none}.rack-screw{width:6px;height:6px;border-radius:50%;background:#24242e;border:1px solid #2E2E3A;box-shadow:inset 0 1px 1px #0006}.rack-faceplate{flex:1;position:relative;background:linear-gradient(180deg,#0e0e14,#0a0a10,#0c0c12);border:1px solid #1A1A24;border-top-color:#22222e;border-bottom-color:#141420;min-height:80px;overflow:hidden}.rack-leds{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.server-light{position:absolute;animation:server-blink ease-in-out infinite}.server-light--steady{animation:none}@keyframes server-blink{0%{opacity:.03}5%{opacity:var(--peak, .6)}12%{opacity:var(--peak, .6)}18%{opacity:.05}40%{opacity:.05}45%{opacity:var(--peak, .6)}55%{opacity:var(--peak, .6)}60%{opacity:.03}82%{opacity:.03}86%{opacity:var(--peak, .6)}92%{opacity:var(--peak, .6)}to{opacity:.03}}.rack-vents{position:absolute;top:0;right:30%;width:20%;height:100%;background-image:radial-gradient(circle,#1A1A24 .8px,transparent .8px);background-size:6px 6px;opacity:.3;pointer-events:none}.rack-content{position:relative;z-index:2;padding:1.25rem 4.5rem;text-align:center}.rack-title{color:var(--color-white);font-size:.85rem;font-weight:700;margin-bottom:.35rem;letter-spacing:.03em;text-shadow:0 0 8px rgba(255,255,255,.08)}.rack-text{color:var(--color-gray-500);font-size:.75rem;line-height:1.5}.central-section{padding:0 0 3rem;max-width:800px;margin:0 auto}.main-description{font-size:1.25rem;color:var(--color-white);line-height:1.8;margin-bottom:3rem;font-weight:400;text-shadow:0 0 30px rgba(0,191,255,.08)}.main-description strong{color:var(--color-blue);font-weight:700}.bottom-cta{padding:2rem 0 4rem;text-align:center}.bottom-cta .section-label{color:var(--color-gray-600);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-family:var(--font-mono);font-weight:700;font-size:.875rem;text-decoration:none;border-radius:4px;border:none;cursor:pointer;transition:all .25s ease;letter-spacing:.05em;text-transform:uppercase}.btn-primary{background:var(--color-blue);color:var(--color-black);box-shadow:0 0 20px var(--color-blue-glow)}.btn-primary:hover{background:var(--color-blue-light);box-shadow:0 0 30px var(--color-blue-glow);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-blue);border:1px solid var(--color-blue-dim)}.btn-secondary:hover{background:#00bfff14;border-color:var(--color-blue)}.btn-disabled{background:transparent;color:var(--color-gray-600);border:1px solid var(--color-black-lighter);cursor:default;opacity:.6}.btn-large{padding:1rem 2.5rem;font-size:1rem}.cta-section{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.footer{padding:3rem 2rem 2rem;text-align:center;border-top:1px solid var(--color-black-lighter);background:var(--color-black-light)}.footer-socials{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1.5rem}.footer-social-link{color:var(--color-gray-500);text-decoration:none;display:flex;align-items:center;transition:color .25s ease}.footer-social-link svg{width:32px;height:32px}.footer-social-link:hover{color:var(--color-blue)}.footer-copy{font-size:.75rem;color:var(--color-gray-600)}.page-title{color:var(--color-white);font-size:2rem;margin-bottom:.5rem}.page-subtitle{color:var(--color-gray-500);font-size:1rem;margin-bottom:2rem}.description{font-size:1.125rem;color:var(--color-gray-400);max-width:500px;margin:0 auto 2.5rem;line-height:1.7}.calculate-action{margin:1.5rem 0;text-align:center}.calculate-action .btn{width:100%;max-width:300px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;text-align:left}.feature-card{background:var(--color-black-light);border:1px solid var(--color-black-lighter);border-radius:4px;padding:1.5rem;transition:border-color .2s}.feature-card:hover{border-color:var(--color-purple)}.feature-icon{font-size:1.5rem;margin-bottom:.75rem}.feature-card h3{color:var(--color-white);font-size:1rem;margin-bottom:.5rem}.feature-card p{color:var(--color-gray-500);font-size:.875rem;line-height:1.6}.stats{display:flex;justify-content:center;gap:3rem;padding:1.5rem 0;border-top:1px solid var(--color-black-lighter);border-bottom:1px solid var(--color-black-lighter);margin-bottom:2rem}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em}.data-source{text-align:center;font-size:.7rem;color:var(--color-gray-600);margin-top:-1.5rem;margin-bottom:2rem;padding:.5rem}.data-source span{color:var(--color-gray-500)}.block-stats-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:4px;font-size:.875rem}.block-stats-status.loading{background:#7b68ee1a;border:1px solid var(--color-purple);color:var(--color-purple)}.block-stats-status.success{background:#22c55e1a;border:1px solid #22C55E;color:#22c55e}.block-stats-status.warning{background:#f59e0b1a;border:1px solid #F59E0B;color:#f59e0b}.status-spinner{animation:pulse 1.5s ease-in-out infinite}.status-icon{font-size:1rem}.status-text{font-family:var(--font-mono)}.status-detail{opacity:.7;font-size:.75rem}.scenario-selector{display:flex;gap:.5rem}.scenario-btn{flex:1;padding:.75rem 1rem;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;color:var(--color-gray-500);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .2s}.scenario-btn:hover{border-color:var(--color-purple);color:var(--color-gray-400)}.scenario-btn.active{background:var(--color-purple);border-color:var(--color-purple);color:var(--color-white)}.scenario-hint{margin-top:.75rem;padding:.75rem;background:#7b68ee0d;border-left:3px solid var(--color-purple);border-radius:0 4px 4px 0;color:var(--color-gray-500);font-size:.75rem;line-height:1.5}.scenario-pessimistic{color:#ef4444!important}.scenario-actual{color:#22c55e!important}.scenario-optimistic{color:#3b82f6!important}.commission-hint{margin-top:.75rem;padding:.75rem;background:#00bfff0d;border-left:3px solid var(--color-blue);border-radius:0 4px 4px 0;color:var(--color-gray-500);font-size:.75rem;line-height:1.5}.commission-value{color:var(--color-blue)!important}.gross-value{color:var(--color-gray-500)!important}.net-value{color:var(--color-blue)!important}.breakdown-row.highlight-row{background:#00bfff1a;margin:.25rem -.5rem;padding:.75rem .5rem;border-radius:4px;border-bottom:none}.breakdown-section-header{color:var(--color-gray-500);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;padding:.75rem 0 .25rem;margin-top:.5rem;border-top:1px dashed var(--color-black-lighter)}.priority-value,.priority-stat{color:#10b981!important}.priority-fee-info{text-align:center;font-size:.75rem;color:var(--color-gray-500);padding:.75rem 1rem;margin-bottom:1.5rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:4px}.priority-fee-info strong{color:#10b981}.priority-fee-info .highlight{color:#10b981;font-weight:700}.calculator-section{background:var(--color-black-light);border:1px solid var(--color-black-lighter);border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:left}.calculator-title{color:var(--color-white);font-size:1.25rem;margin-bottom:.5rem}.calculator-subtitle{color:var(--color-gray-500);font-size:.875rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.input-group label{color:var(--color-gray-400);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.input-row{display:flex;gap:1rem}.input-group input{flex:1;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:1rem;color:var(--color-white);transition:border-color .2s}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-blue)}.input-group input::placeholder{color:var(--color-gray-600)}.stake-select{flex:1;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:1rem;color:var(--color-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6B80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.stake-select option{background:var(--color-black);color:var(--color-white);padding:.5rem}.custom-stake-input{margin-top:.75rem}.custom-stake-input input{width:100%;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:1rem;color:var(--color-white)}.usd-results{margin-top:1rem;padding:1rem;background:var(--color-black);border:1px solid var(--color-blue);border-radius:4px}.usd-row{display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-400);font-size:.9rem}.usd-value{color:var(--color-blue);font-size:1.25rem;font-weight:700}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.result-card{background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:1.25rem;text-align:center}.result-card.highlight{border-color:var(--color-blue);box-shadow:0 0 15px #00bfff26}.result-period{color:var(--color-gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.result-value{color:var(--color-white);font-size:1.25rem;font-weight:700}.result-value span{color:var(--color-blue);font-size:.875rem;font-weight:400}.stake-weight{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-black-lighter);color:var(--color-gray-500);font-size:.75rem;text-align:center}.stake-weight strong{color:var(--color-purple)}.stake-breakdown{margin-top:1.5rem;padding:1rem;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px}.breakdown-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--color-gray-500);font-size:.8rem;border-bottom:1px solid var(--color-black-lighter)}.breakdown-row:last-child{border-bottom:none}.breakdown-row span:first-child{min-width:120px}.breakdown-row strong{color:var(--color-white)}.breakdown-calc{color:var(--color-gray-600);font-size:.7rem;margin-left:auto}.loading-indicator{color:var(--color-blue);font-size:.75rem;text-transform:none;letter-spacing:normal;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stake-source{margin-top:.5rem;padding:.5rem .75rem;background:#22c55e1a;border:1px solid #22C55E;border-radius:4px;color:#22c55e;font-size:.75rem}.stake-source strong{color:var(--color-white)}.stake-error{margin-top:.5rem;padding:.5rem .75rem;background:#ef44441a;border:1px solid #EF4444;border-radius:4px;color:#ef4444;font-size:.75rem}.stake-error a{color:var(--color-blue);margin-left:.5rem}.stake-hint{margin-top:.5rem;padding:.5rem .75rem;background:#7b68ee1a;border:1px solid var(--color-purple);border-radius:4px;color:var(--color-gray-400);font-size:.75rem}.stake-hint a{color:var(--color-blue);margin-left:.5rem}.input-group input:disabled{background:var(--color-black-lighter);color:var(--color-gray-600);cursor:not-allowed}.min-stake-info{margin-top:1rem;padding:.75rem 1rem;background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;color:var(--color-gray-500);font-size:.75rem;text-align:center}.min-stake-info strong{color:var(--color-purple)}.warning-box{display:flex;gap:1rem;padding:1.5rem;background:#ef44441a;border:1px solid #EF4444;border-radius:4px;margin:1.5rem 0;text-align:left}.warning-icon{font-size:2rem;flex-shrink:0}.warning-content h4{color:#ef4444;font-size:1rem;margin-bottom:.5rem}.warning-content p{color:var(--color-gray-400);font-size:.875rem;margin-bottom:.5rem}.warning-content strong{color:var(--color-white)}.warning-note{color:var(--color-gray-500)!important;font-style:italic;font-size:.8rem!important}.self-hosted-toggle{background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-blue);cursor:pointer}.toggle-text{color:var(--color-gray-400);font-size:.875rem}.self-hosted-input{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-black-lighter)}.self-hosted-input label{display:block;color:var(--color-gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.self-hosted-input input{width:100%;background:var(--color-black-light);border:1px solid var(--color-black-lighter);border-radius:4px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:1rem;color:var(--color-white)}.self-hosted-input input:focus{outline:none;border-color:var(--color-blue)}.requirements-box{background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.req-title{color:var(--color-gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.req-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.req-item{text-align:center}.req-label{display:block;color:var(--color-blue);font-size:.75rem;text-transform:uppercase;margin-bottom:.25rem}.req-value{color:var(--color-white);font-size:.8rem}.providers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.provider-card{background:var(--color-black);border:1px solid var(--color-black-lighter);border-radius:4px;padding:1.25rem;transition:border-color .2s}.provider-card:hover{border-color:var(--color-purple)}.provider-card.partial{opacity:.7;border-style:dashed}.provider-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.provider-logo{font-size:1.25rem}.provider-name{color:var(--color-white);font-weight:700;font-size:1rem}.provider-warning{margin-left:auto;font-size:.875rem}.provider-model{color:var(--color-purple);font-size:.875rem;margin-bottom:.5rem}.provider-specs{color:var(--color-gray-500);font-size:.75rem;line-height:1.5;margin-bottom:.5rem}.provider-note{color:var(--color-gray-600);font-size:.7rem;font-style:italic;margin-bottom:.5rem}.provider-price{margin:.75rem 0}.price-value{color:var(--color-blue);font-size:1.25rem;font-weight:700}.price-period{color:var(--color-gray-500);font-size:.75rem}.provider-link{display:inline-block;color:var(--color-gray-400);font-size:.75rem;text-decoration:none;transition:color .2s}.provider-link:hover{color:var(--color-blue)}.profit-section{background:var(--color-black);border:1px solid var(--color-blue);border-radius:4px;padding:1.25rem;margin-top:1.5rem}.profit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-black-lighter)}.profit-header span:first-child{color:var(--color-gray-400);font-size:.875rem}.profit-value{font-size:1.5rem;font-weight:700;color:var(--color-white)}.profit-value.positive{color:#22c55e}.profit-value.negative{color:#ef4444}.profit-breakdown{margin-bottom:1rem}.profit-row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--color-gray-500);font-size:.875rem}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@media (max-width: 768px){.ascii-logo{font-size:.25rem}.rack-content{padding:1rem 3.5rem}.rack-ear{width:12px}.features-grid{grid-template-columns:1fr}.stats{flex-direction:column;gap:1.5rem}.results-grid{grid-template-columns:1fr}.input-row{flex-direction:column}.req-grid{grid-template-columns:repeat(2,1fr)}.providers-grid{grid-template-columns:1fr}.nav-content{flex-direction:column;gap:1rem}.main-description{font-size:1rem}.central-section{padding:1.5rem 0 2rem}}