:root{--color-primary: #ffd900;--color-primary-hover: #ffe42e;--color-primary-light: rgba(255, 217, 0, .12);--color-danger: #ed1c24;--color-danger-hover: #c9141b;--color-danger-light: rgba(237, 28, 36, .1);--color-success: #2e8b57;--color-success-hover: #247348;--color-success-light: rgba(46, 139, 87, .12);--color-info: #1769ff;--color-info-light: rgba(23, 105, 255, .12);--color-text: #ffffff;--color-text-muted: #8a8a91;--color-background: #0b0b0d;--color-surface: #141416;--color-surface-hover: #1a1a1d;--color-input: #0d0d0f;--color-border: #29292d;--color-border-light: #35353a;--radius-card: 6px;--radius-button: 3px;--shadow-card: 0 24px 60px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .02);--font-family: Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-family);background:var(--color-background);color:var(--color-text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.page{min-height:100vh;padding:24px 16px;background:var(--color-background)}.page-header{margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--color-primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.page-header h1{margin:0;color:var(--color-text);font-size:30px;line-height:1.1;font-weight:800}.page-header p:last-child{margin:8px 0 0;color:var(--color-text-muted);font-size:15px;line-height:1.5}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.state{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.state p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.state-error{border-left:4px solid var(--color-danger)}.state-error p{color:#ff5b61;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:var(--radius-button);font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--color-primary);color:#0b0b0d}.button-primary:hover{background:var(--color-primary-hover);box-shadow:0 8px 24px #ffd9002e}.button-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-light)}.button-secondary:hover{background:var(--color-surface-hover)}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover{background:var(--color-danger-hover);box-shadow:0 8px 20px #ed1c242e}.button-success{background:var(--color-success);color:#fff}.button-success:hover{background:var(--color-success-hover);box-shadow:0 8px 20px #2e8b572e}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-text);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--color-border-light);border-radius:var(--radius-button);background:var(--color-input);color:var(--color-text);outline:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.form-group textarea{min-height:110px;padding:14px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#68686d}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#505057}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);background:#111113;box-shadow:0 0 0 3px #ffd9001f}.error-message{padding:12px 14px;border-left:4px solid var(--color-danger);border-radius:3px;background:var(--color-danger-light);color:#ff5b61;font-size:14px;font-weight:700;line-height:1.4}.success-message{padding:12px 14px;border-left:4px solid var(--color-success);border-radius:3px;background:var(--color-success-light);color:#63c98b;font-size:14px;font-weight:700;line-height:1.4}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}@media(min-width:700px){.page{padding:32px}}@media(prefers-reduced-motion:reduce){.button,.form-group input,.form-group select,.form-group textarea{transition:none}}
