:root{--primary: #00802a;--secondary-green: #20AF4B;--secondary: #d9f2df;--secondary-soft: #d9f2df;--text: #333333;--text-secondary: #737373;--text-placeholder: #999999;--text-muted: #6b7280;--border-primary: #999999;--border: #e5e7eb;--bg: #ffffff;--bg-secondary: #D9F2DF;--button-disabled: #94E19C;--error: #C32227;--warning: #FF970E;--success: #00802A}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}html,body,#app{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.container{max-width:1200px;margin:0 auto}.box{width:100%;max-width:420px}h2{margin:0 0 24px;font-weight:600;font-size:24px;color:var(--text)}form{display:grid;gap:16px}.form-container{display:flex;align-items:center;justify-content:center;flex:1;padding:20px 24px}label{display:grid;gap:8px;font-size:16px}input{padding:12px 14px;border:1px solid var(--border-primary);border-radius:4px;font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 4px #0003}input:focus{outline:none;border-color:var(--primary)}input::placeholder{color:var(--text-placeholder)}input.error{border-color:var(--error)}input.warning{border-color:var(--warning)}input.success{border-color:var(--success)}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%;padding-right:44px}.password-input .toggle-password{position:absolute;right:12px;background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-input .toggle-password:hover{color:var(--text)}.primary{background:var(--primary);color:#fff;border:0;padding:14px;border-radius:8px;width:100%;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px #236928;transform:translateY(0)}.primary:hover:not(:disabled){transform:translateY(2px);box-shadow:0 2px #236928}.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #236928}.primary:disabled{background:var(--button-disabled);cursor:not-allowed;opacity:.6;box-shadow:0 4px #6fb077;transform:translateY(0)}.secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);padding:12px 14px;border-radius:10px;width:100%;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 0 0 var(--primary);transform:translateY(0)}.secondary:hover:not(:disabled){background:var(--secondary);transform:translateY(2px);box-shadow:0 2px 0 0 var(--primary)}.secondary:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 0 var(--primary)}.secondary:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.6;box-shadow:0 4px 0 0 var(--border);transform:translateY(0)}.footer-text{font-size:16px;text-align:center;margin:8px 0 0}.link{background:transparent;border:0;color:var(--primary);cursor:pointer;padding:0;font-size:inherit;font-weight:400;text-decoration:underline;transition:opacity .2s}.link:hover{opacity:.8}.field-error{display:block;color:var(--error);font-size:12px;margin-top:4px;font-weight:500}.error-message{padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:var(--error);font-size:14px;margin-bottom:16px}