:root{--color-background:#000000;--color-background-alt:rgba(10,10,10,0.6);--color-background-soft:rgba(20,20,20,0.4);--color-surface:#000000;--color-surface-hover:#161616;--color-accent:#10b981;--color-accent-light:#4ade80;--color-accent-dim:rgba(16,185,129,0.15);--color-accent-muted:rgba(16,185,129,0.3);--color-accent-soft:rgba(16,185,129,0.05);--color-accent-border:rgba(16,185,129,0.1);--color-primary:#ffffff;--color-primary-inverse:#000000;--color-success:#00e676;--color-danger:#ff5252;--color-text-main:#ffffff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#606060;--color-text-muted:#333333;--color-border:#1a1a1a;--color-border-subtle:rgba(255,255,255,0.05);--color-border-dark:#0a0a0a;--color-grid-line:rgba(16,185,129,0.1);--color-shadow:rgba(0,0,0,0.8);--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--breakpoint-ultra-wide:1440px;--breakpoint-desktop:1024px;--breakpoint-tablet:768px;--breakpoint-mobile:425px}@keyframes pulse-emerald{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{transform:scale(1.1);opacity:.8;box-shadow:0 0 0 8px rgba(16,185,129,0)}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,0)}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-inter),"Inter",sans-serif;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}body.modal-open,html.modal-open{overflow:hidden}.font-mono{font-family:var(--font-mono),"JetBrains Mono",monospace}main{flex:1 1;width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none}.button-component,button{cursor:pointer;border:none}.button-component{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:rgba(0,0,0,0);color:var(--color-accent);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:var(--transition-smooth);min-height:48px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible;text-decoration:none}.button-component:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:3px}.button-component .button-content{position:relative;z-index:10;display:flex;align-items:center;gap:12px}.button-component .button-content svg{width:14px;height:14px;stroke-width:2.5;flex-shrink:0;display:block}.button-component .button-content .loader{width:14px;height:14px;flex-shrink:0}.button-component.primary{color:var(--color-accent);background-color:var(--color-accent-soft);border:1px solid var(--color-accent-border);box-shadow:inset 0 0 20px var(--color-accent-soft)}.button-component.primary .corner-bl,.button-component.primary .corner-br,.button-component.primary .corner-tl,.button-component.primary .corner-tr{position:absolute;width:8px;height:8px;transition:var(--transition-smooth);pointer-events:none;z-index:20;border-color:var(--color-accent)}.button-component.primary .corner-tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.button-component.primary .corner-tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.button-component.primary .corner-bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.button-component.primary .corner-br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.button-component.primary:hover{background-color:var(--color-accent-dim);color:var(--color-accent-light);box-shadow:inset 0 0 30px var(--color-accent-border),0 0 20px var(--color-accent-soft)}.button-component.primary:hover .corner-bl,.button-component.primary:hover .corner-br,.button-component.primary:hover .corner-tl,.button-component.primary:hover .corner-tr{width:14px;height:14px;border-color:var(--color-accent-light);filter:drop-shadow(0 0 8px var(--color-accent-dim))}.button-component.primary:active{opacity:.8;background-color:var(--color-accent-muted)}.button-component.secondary{color:var(--color-text-secondary);background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.button-component.secondary:hover{background-color:var(--color-background-alt);border-color:var(--color-text-tertiary);color:var(--color-text-main)}.button-component.disabled,.button-component:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1);pointer-events:none}.button-component .loader{border:2px solid;border-bottom:2px solid rgba(0,0,0,0);border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}