*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[data-theme=light]{--hpp-bg: #f2f3f7;--hpp-text: #1a1a2e;--hpp-text-muted: #6b7280;--hpp-text-hint: #9ca3af;--hpp-card-bg: #ffffff;--hpp-card-border: rgba(0, 0, 0, .06);--hpp-card-shadow: 0 2px 20px rgba(0, 0, 0, .06);--hpp-input-bg: #f6f7fa;--hpp-input-bg-focus: #ffffff;--hpp-input-border: #dfe1e6;--hpp-input-placeholder: #9ca3af;--hpp-focus-glow: 0 0 0 3px rgba(79, 70, 229, .1);--hpp-accent: #4f46e5;--hpp-accent-hover: #4338ca;--hpp-btn-shadow: 0 1px 3px rgba(79, 70, 229, .18);--hpp-error: #dc2626;--hpp-error-bg: rgba(220, 38, 38, .06);--hpp-success: #16a34a;--hpp-success-bg: rgba(22, 163, 74, .06);--hpp-spinner-track: #e5e7eb;--hpp-divider: #eef0f3;--hpp-toggle-bg: rgba(0, 0, 0, .05);--hpp-toggle-hover: rgba(0, 0, 0, .1);--hpp-toggle-icon: #6b7280}[data-theme=dark]{--hpp-bg: #0a0a10;--hpp-text: #e8e8f0;--hpp-text-muted: rgba(255, 255, 255, .45);--hpp-text-hint: rgba(255, 255, 255, .3);--hpp-card-bg: #15151e;--hpp-card-border: rgba(255, 255, 255, .07);--hpp-card-shadow: 0 8px 40px rgba(0, 0, 0, .5), 0 0 80px rgba(99, 102, 241, .03);--hpp-input-bg: #0e0e16;--hpp-input-bg-focus: #111119;--hpp-input-border: rgba(255, 255, 255, .08);--hpp-input-placeholder: rgba(255, 255, 255, .22);--hpp-focus-glow: 0 0 0 3px rgba(99, 102, 241, .18);--hpp-accent: #6366f1;--hpp-accent-hover: #818cf8;--hpp-btn-shadow: 0 0 24px rgba(99, 102, 241, .2);--hpp-error: #f87171;--hpp-error-bg: rgba(248, 113, 113, .08);--hpp-success: #4ade80;--hpp-success-bg: rgba(74, 222, 128, .08);--hpp-spinner-track: rgba(255, 255, 255, .08);--hpp-divider: rgba(255, 255, 255, .06);--hpp-toggle-bg: rgba(255, 255, 255, .06);--hpp-toggle-hover: rgba(255, 255, 255, .12);--hpp-toggle-icon: rgba(255, 255, 255, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hpp-bg);color:var(--hpp-text);-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.theme-toggle{position:fixed;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--hpp-card-border);background:var(--hpp-toggle-bg);color:var(--hpp-toggle-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-toggle:hover{background:var(--hpp-toggle-hover);color:var(--hpp-text)}.theme-toggle svg{width:18px;height:18px}.lang-switch{position:fixed;top:16px;left:16px;display:flex;gap:2px;padding:3px;border-radius:22px;border:1px solid var(--hpp-card-border);background:var(--hpp-toggle-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100}.lang-switch button{padding:5px 11px;border:none;border-radius:18px;background:transparent;color:var(--hpp-toggle-icon);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s,color .2s;letter-spacing:.04em;line-height:1}.lang-switch button:hover:not(.active){color:var(--hpp-text);background:var(--hpp-toggle-hover)}.lang-switch button.active{background:var(--hpp-accent);color:#fff}.amount-header{text-align:center;margin-bottom:24px;animation:hpp-fade-in .5s ease-out}.amount-label{display:block;font-size:13px;font-weight:500;color:var(--hpp-text-muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.amount-value{display:block;font-size:36px;font-weight:700;color:var(--hpp-text);letter-spacing:-.02em}.card{background:var(--hpp-card-bg);border-radius:16px;padding:28px;width:100%;max-width:400px;box-shadow:var(--hpp-card-shadow);border:1px solid var(--hpp-card-border);animation:hpp-card-enter .45s ease-out;transition:background-color .35s,border-color .35s,box-shadow .35s}.field{margin-bottom:14px}.field input{width:100%;padding:14px 16px;border:1.5px solid var(--hpp-input-border);border-radius:12px;font-size:16px;outline:none;background:var(--hpp-input-bg);color:var(--hpp-text);transition:border-color .2s,background-color .2s,box-shadow .2s}.field input::placeholder{color:var(--hpp-input-placeholder)}.field input:focus{border-color:var(--hpp-accent);background:var(--hpp-input-bg-focus);box-shadow:var(--hpp-focus-glow)}.field-error{display:block;color:var(--hpp-error);font-size:12px;margin-top:4px;padding-left:4px}.submit-error{color:var(--hpp-error);font-size:14px;text-align:center;margin-bottom:12px}.row{display:flex;gap:12px}.half{flex:1}.btn-primary{width:100%;padding:14px;background:var(--hpp-accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--hpp-btn-shadow);transition:background-color .2s,box-shadow .2s,transform .15s}.btn-primary:hover:not(:disabled){background:var(--hpp-accent-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{width:100%;padding:12px;background:transparent;color:var(--hpp-text-dim);border:1px solid var(--hpp-border);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-secondary:hover:not(:disabled){background:var(--hpp-card-bg);color:var(--hpp-text);border-color:var(--hpp-text-dim)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.spinner{width:40px;height:40px;border:3.5px solid var(--hpp-spinner-track);border-top-color:var(--hpp-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:16px;font-weight:500}.loading-hint{margin-top:8px;font-size:13px;color:var(--hpp-text-hint)}.otp-title{font-size:18px;font-weight:600;text-align:center;margin-bottom:8px}.otp-hint{font-size:13px;color:var(--hpp-text-hint);text-align:center;margin-bottom:20px}.otp-field input.otp-input{text-align:center;font-size:28px;font-weight:600;letter-spacing:8px;font-family:SF Mono,Fira Code,monospace}.result{display:flex;flex-direction:column;align-items:center;padding:48px 24px}.result .icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.result .icon svg{width:28px;height:28px}.result.success .icon{background:var(--hpp-success-bg);color:var(--hpp-success);box-shadow:0 0 0 6px var(--hpp-success-bg)}.result.error .icon{background:var(--hpp-error-bg);color:var(--hpp-error);box-shadow:0 0 0 6px var(--hpp-error-bg)}.result p{font-size:18px;font-weight:600}.result-hint{font-size:13px;color:var(--hpp-text-hint);font-weight:400!important;margin-top:8px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--hpp-divider);font-size:14px}.amount-display{text-align:center;font-size:28px;font-weight:700;padding:16px 0}@keyframes hpp-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hpp-fade-in{0%{opacity:0}to{opacity:1}}