:root{--primary-color: #2E86AB;--secondary-color: #A23B72;--accent-color: #F18F01;--background-color: #F5F5F5;--white-color: #FFFFFF;--text-color: #333333;--text-secondary: #666666;--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FF9800;--border-color: #E0E0E0}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.home-screen-container{flex:1;background-color:var(--background-color);min-height:100vh;padding:30px 0}.home-screen-wrapper{max-width:600px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .6s ease-out}.home-screen-wrapper.fade-in{opacity:1;transform:translateY(0)}.hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 0;margin-bottom:24px}.image-wrapper{display:flex;justify-content:center;margin-bottom:16px}.image-glow{background-color:var(--white-color);border-radius:100px;padding:16px;box-shadow:0 8px 16px #2e86ab33;display:flex;align-items:center;justify-content:center}.hero-image{width:28%;max-width:140px;height:auto;object-fit:contain}.hero-title{font-size:32px;font-weight:700;color:var(--text-color);text-align:center;margin:0 0 10px;letter-spacing:.5px}.hero-subtitle{font-size:15px;color:var(--text-secondary);text-align:center;padding:0 20px;line-height:22px;margin:0}.stats-container{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap;justify-content:center}.stat-badge{display:flex;align-items:center;background-color:var(--white-color);padding:6px 14px;border-radius:20px;gap:6px;box-shadow:0 2px 4px #00000014;border:none;cursor:default}.stat-text{font-size:12px;font-weight:600;color:var(--text-color)}.section-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 12px;display:flex;align-items:center;gap:8px}.section-title-icon{font-size:22px}.quick-actions-section{margin-top:16px;margin-bottom:16px}.actions-list{display:flex;flex-direction:column;gap:10px}.action-card{display:flex;align-items:center;background-color:var(--white-color);border-radius:14px;padding:14px;border:none;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.action-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.action-card:active{transform:translateY(0)}.action-icon-container{width:50px;height:50px;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-right:14px;flex-shrink:0}.action-content{flex:1;text-align:left}.action-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 2px}.action-description{font-size:12px;color:var(--text-secondary);margin:0}.chevron{color:var(--text-secondary);flex-shrink:0;margin-left:8px}.features-section{margin-top:16px;margin-bottom:24px}.features-card{background-color:var(--white-color);border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014}.feature-row{display:flex;align-items:center;margin-bottom:14px}.feature-row:last-child{margin-bottom:0}.feature-icon-container{width:44px;height:44px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-right:12px;flex-shrink:0}.feature-content{flex:1}.feature-title{font-size:15px;font-weight:600;color:var(--text-color);margin:0 0 2px}.feature-text{font-size:12px;color:var(--text-secondary);line-height:16px;margin:0}.buttons-container{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px}.primary-button,.secondary-button,.subscribe-button{padding:16px;border-radius:14px;font-size:16px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.primary-button{background-color:var(--primary-color);color:var(--white-color);box-shadow:0 4px 8px #2e86ab4d}.primary-button:hover{background-color:#2274a8;box-shadow:0 6px 12px #2e86ab66;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.secondary-button{background-color:var(--white-color);color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}.secondary-button:hover{background-color:#2e86ab0d}.secondary-button:active{background-color:#2e86ab1a}.subscribe-button{padding:18px;font-size:17px;background-color:var(--primary-color);color:var(--white-color);box-shadow:0 4px 8px #2e86ab4d}.subscribe-button:hover{background-color:#2274a8;box-shadow:0 6px 12px #2e86ab66;transform:translateY(-2px)}.subscribe-button:active{transform:translateY(0)}@media(max-width:480px){.home-screen-container{padding:20px 0}.home-screen-wrapper{padding:0 16px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px;padding:0 16px}.hero-image{width:32%;max-width:120px}.section-title{font-size:16px}.action-card{padding:12px}.primary-button,.secondary-button,.subscribe-button{padding:14px;font-size:15px}}@media(max-width:360px){.stats-container{flex-direction:column;width:100%}.stat-badge{width:100%;justify-content:center}}.registration-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,#f0f0f0 100%);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.registration-wrapper{width:100%;max-width:500px}.registration-form{display:flex;flex-direction:column;gap:24px;background:var(--white-color);border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;animation:slideUp .6s ease-out}@media(max-width:480px){.registration-form{padding:24px 16px;border-radius:12px}}.registration-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;text-align:center}.registration-title{font-size:28px;font-weight:700;color:var(--text-color);margin:0;letter-spacing:.5px}@media(max-width:480px){.registration-title{font-size:24px}}.registration-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.form-card{display:flex;flex-direction:column;gap:20px}.input-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-color);margin:0}.phone-input-container{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:10px;background-color:#fafafa;overflow:hidden;transition:all .3s ease}.phone-input-container:focus-within{border-color:var(--primary-color);background-color:var(--white-color);box-shadow:0 0 0 3px #2e86ab1a}.phone-input-container:hover{border-color:#d0d0d0}.phone-prefix{padding:12px 14px;font-weight:600;color:var(--text-color);white-space:nowrap;border-right:1px solid var(--border-color);background-color:#f5f5f5}.phone-input{flex:1;padding:12px 14px;font-size:15px;border:none;background-color:transparent;color:var(--text-color)}.phone-input::placeholder{color:#999}.phone-input:focus{outline:none}.divider-container{display:flex;align-items:center;gap:16px;margin:8px 0}.divider-line{flex:1;height:1px;background-color:var(--border-color)}.divider-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;font-weight:500}.gender-container{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-button{padding:12px;font-size:14px;font-weight:600;border:2px solid var(--border-color);border-radius:10px;background-color:var(--white-color);color:var(--text-color);cursor:pointer;transition:all .3s ease}.gender-button:hover{border-color:var(--primary-color);background-color:#2e86ab0d}.gender-button.active{border-color:var(--primary-color);background-color:#2e86ab1a;color:var(--primary-color);box-shadow:0 0 0 3px #2e86ab1a}.gender-button:active{transform:scale(.98)}.terms-container{margin-top:8px;padding:12px;background-color:#f9f9f9;border-radius:10px;border:1px solid #f0f0f0}.terms-checkbox-wrapper{display:flex;align-items:flex-start;gap:12px}.terms-checkbox{width:20px;height:20px;min-width:20px;min-height:20px;margin-top:2px;cursor:pointer;accent-color:var(--primary-color)}.terms-checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;flex:1;-webkit-user-select:none;user-select:none}.terms-label .checkbox-icon{width:20px;height:20px;min-width:20px;color:var(--primary-color);margin-top:1px}.terms-text{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.terms-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.terms-link:hover{color:#2274a8;text-decoration:underline}.primary-button{padding:14px 24px;font-size:16px;font-weight:700;color:var(--white-color);background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e86ab4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.registration-footer{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}.login-link{font-size:14px;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.login-link:hover{color:#2274a8;text-decoration:underline}.login-link:active{opacity:.8}@media(max-width:480px){.registration-container{padding:16px;min-height:auto;align-items:stretch}.registration-form{gap:20px;padding:20px}.registration-title{font-size:24px}.registration-subtitle{font-size:14px}.icon-container{width:56px;height:56px}.icon-text{font-size:28px}.form-input,.phone-input{font-size:16px}.gender-container{gap:10px}.gender-button{font-size:13px;padding:11px}.primary-button{padding:13px 20px;font-size:15px}}@media(max-width:360px){.registration-form{padding:16px;gap:16px}.registration-title{font-size:22px}.phone-prefix{padding:10px;font-size:13px}.divider-container{gap:12px}.divider-text{font-size:12px}.input-label{font-size:13px}.terms-text{font-size:12px}}@media(prefers-reduced-motion:reduce){.registration-form{animation:none}.form-input,.gender-button,.primary-button{transition:none}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.login-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.login-form{display:flex;flex-direction:column;gap:24px;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;animation:slideUp .6s ease-out}@media(max-width:480px){.login-form{padding:24px 16px;border-radius:12px;gap:20px}}.login-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:8px}.icon-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#2e86ab1a,#a23b721a);border-radius:16px;margin-bottom:12px}.login-title{font-size:28px;font-weight:700;margin:0;letter-spacing:.5px}@media(max-width:480px){.login-title{font-size:24px}}.login-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.error-container{height:auto;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;animation:slideDown .3s ease-out}.form-input:hover:not(:focus):not(:disabled){border-color:#d0d0d0}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.form-input.input-error{border-color:#f44336;background-color:#f443360d}.form-input.input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.form-input.input-valid{border-color:#4caf50}.form-input.input-valid:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.field-error-text{font-size:12px;color:#f44336;margin-top:-4px;animation:slideDown .2s ease-out;display:block}.password-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.forgot-link{font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease;white-space:nowrap}.forgot-link:hover{color:#2274a8;text-decoration:underline}.forgot-link:active{opacity:.8}.login-button{padding:14px 24px;font-size:16px;font-weight:700;color:var(--white-color);background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e86ab4d;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2274a8,#1e5f8a);box-shadow:0 6px 16px #2e86ab66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2e86ab4d}.login-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:0 2px 8px #2e86ab33;transform:none}.login-button:disabled:hover{transform:none;box-shadow:0 2px 8px #2e86ab33}@media(max-width:480px){.login-button{padding:13px 20px;font-size:15px}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}.footer-text{font-size:14px;color:var(--text-secondary)}.signup-link{font-size:14px;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.signup-link:hover{color:#2274a8;text-decoration:underline}.signup-link:active{opacity:.8}@media(max-width:480px){.login-container{padding:16px;min-height:auto;align-items:stretch}.login-form{gap:18px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.icon-container{width:56px;height:56px}.icon-text{font-size:28px}.input-label{font-size:13px}.error-container{height:auto;padding:11px 12px;border-radius:8px}.error-container .error-icon{width:18px;height:18px}.error-container .error-text,.forgot-link{font-size:12px}}@media(max-width:360px){.login-form{padding:16px;gap:16px}.login-title{font-size:22px}.login-subtitle{font-size:13px}.icon-container{width:52px;height:52px;margin-bottom:10px}.icon-text{font-size:26px}.input-label{font-size:12px}.form-input{padding:11px 12px;font-size:14px}.login-button{padding:12px 16px;font-size:14px}.footer-text,.signup-link{font-size:13px}.error-text{font-size:11px}}@media(prefers-reduced-motion:reduce){.login-form,.error-container{animation:none}.form-input,.login-button,.forgot-link,.signup-link{transition:none}}@media(prefers-contrast:more){.form-input{border-width:2px}.form-input:focus{border-width:2px}.login-button{border:2px solid transparent}.error-container{border-width:2px}}@media print{.login-container{display:none}}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.forgot-password-wrapper{width:100%;max-width:440px;display:flex;flex-direction:column;justify-content:center}.forgot-password-form{display:flex;flex-direction:column;gap:24px;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;animation:slideUp .6s ease-out}@media(max-width:480px){.forgot-password-form{padding:24px 16px;border-radius:12px;gap:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:8px;position:relative}.back-button{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#2e86ab1a;border-radius:10px;color:var(--primary-color);cursor:pointer;transition:all .3s ease;text-decoration:none}.back-button:hover{background:#2e86ab33;transform:translate(-2px)}.back-button:active{transform:translate(0)}.icon-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#2e86ab1a,#a23b721a);border-radius:16px;margin-bottom:12px;margin-top:40px}.icon-text{font-size:32px;line-height:1}.forgot-password-title{font-size:28px;font-weight:700;margin:0;letter-spacing:.5px}@media(max-width:480px){.forgot-password-title{font-size:24px}}.forgot-password-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.forgot-password-subtitle strong{color:var(--primary-color);font-weight:600}.timer-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#2e86ab1a;border:1px solid rgba(46,134,171,.2);border-radius:10px;color:var(--primary-color);font-size:14px;font-weight:600;animation:slideDown .3s ease-out}.timer-container.expired{background:#f443361a;border-color:#f443364d;color:var(--error-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-card{display:flex;flex-direction:column;gap:16px}.error-container{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;animation:slideDown .3s ease-out}.error-container .error-icon{width:20px;height:20px;min-width:20px;color:var(--error-color);flex-shrink:0;margin-top:2px}.error-container .error-text{font-size:13px;color:var(--error-color);line-height:1.5;margin:0}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-color);margin:0;cursor:pointer}.input-label .label-icon{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.form-input{padding:12px 14px;font-size:15px;border:1px solid var(--border-color);border-radius:10px;background-color:#fafafa;color:var(--text-color);transition:all .3s ease}.form-input::placeholder{color:#999}.form-input:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.form-input{font-size:16px}}.form-input.otp-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;font-family:monospace}@media(max-width:480px){.form-input.otp-input{font-size:20px;letter-spacing:6px}}.resend-container{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:8px}.resend-text{font-size:14px;color:var(--text-secondary)}.resend-button{background:none;border:none;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:not-allowed;padding:0;text-decoration:none;transition:color .3s ease}.resend-button.active{color:var(--primary-color);cursor:pointer}.resend-button.active:hover{color:#2274a8;text-decoration:underline}.resend-button.active:active{opacity:.8}.resend-button.disabled{opacity:.5}.submit-button{padding:14px 24px;font-size:16px;font-weight:700;color:var(--white-color);background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e86ab4d;margin-top:8px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2274a8,#1e5f8a);box-shadow:0 6px 16px #2e86ab66;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2e86ab4d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:8px}.back-to-login-link{font-size:14px;color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.back-to-login-link:hover{color:#2274a8;text-decoration:underline}.back-to-login-link:active{opacity:.8}.profile-container{min-height:100vh;background-color:var(--background-color);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.profile-wrapper{max-width:600px;margin:0 auto;padding-bottom:50px}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;margin-top:10px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.avatar-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);margin-bottom:16px;box-shadow:0 4px 12px #2e86ab4d;flex-shrink:0}.avatar-text{font-size:36px;font-weight:700;color:var(--white-color);line-height:1}.profile-title{font-size:28px;font-weight:800;color:var(--text-color);margin:0 0 4px;text-align:center;letter-spacing:.5px}@media(max-width:480px){.profile-title{font-size:24px}}.profile-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin:0;line-height:1.5}.profile-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 16px}.section-title .section-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}@media(max-width:480px){.section-title{font-size:16px;margin-bottom:12px}}.info-card{background-color:var(--white-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014}@media(max-width:480px){.info-card{padding:16px;border-radius:12px}}.info-row{display:flex;align-items:center;gap:16px;padding:12px 0}@media(max-width:480px){.info-row{gap:12px;padding:10px 0}}.info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#2e86ab1a;border-radius:12px;flex-shrink:0}.info-icon svg{width:24px;height:24px;color:var(--primary-color)}.info-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-weight:600}.info-value{font-size:16px;color:var(--text-color);font-weight:600;margin:0;line-height:1.4}@media(max-width:480px){.info-value{font-size:14px}}.divider{height:1px;background-color:var(--border-color);margin:16px 0}@media(max-width:480px){.divider{margin:12px 0}}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:480px){.actions-grid{gap:10px}}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 16px;background-color:var(--white-color);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.action-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.action-card:active{transform:translateY(-2px)}@media(max-width:480px){.action-card{padding:16px 12px;gap:10px;border-radius:12px}}.action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2e86ab1a,#2e86ab0d);border-radius:12px}.action-icon svg{width:32px;height:32px;color:var(--primary-color)}.action-text{font-size:13px;font-weight:600;color:var(--text-color);text-align:center;line-height:1.3}@media(max-width:480px){.action-text{font-size:12px}}.password-card{display:flex;flex-direction:column;gap:16px;background-color:var(--white-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014}@media(max-width:480px){.password-card{padding:16px;gap:12px;border-radius:12px}}.password-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px}.form-input{padding:14px;font-size:15px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-color);color:var(--text-color);transition:all .3s ease}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--primary-color);background-color:var(--white-color);box-shadow:0 0 0 3px #2e86ab1a}.form-input:hover:not(:focus){border-color:#d0d0d0}@media(max-width:480px){.form-input{padding:12px;font-size:16px}}.primary-button{padding:14px 20px;font-size:15px;font-weight:700;color:var(--white-color);background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e86ab4d;margin-top:8px}.primary-button:hover{background:linear-gradient(135deg,#2274a8,#1e5f8a);box-shadow:0 6px 16px #2e86ab66;transform:translateY(-2px)}.primary-button:active{transform:translateY(0);box-shadow:0 2px 8px #2e86ab4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary-button:disabled:hover{transform:none}@media(max-width:480px){.primary-button{padding:12px 16px;font-size:14px}}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background-color:var(--white-color);border:2px solid var(--primary-color);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.logout-button:hover{background:linear-gradient(135deg,#2e86ab0d,#2e86ab05);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.logout-button:active{transform:translateY(0)}@media(max-width:480px){.logout-button{padding:14px;border-radius:10px;gap:10px}}.logout-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.logout-text{font-size:15px;font-weight:600;color:var(--primary-color)}@media(max-width:480px){.logout-text{font-size:14px}}.delete-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background-color:var(--white-color);border:2px solid var(--error-color);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.delete-button:hover{background:linear-gradient(135deg,#f443360d,#f4433605);transform:translateY(-2px);box-shadow:0 4px 12px #f4433626}.delete-button:active{transform:translateY(0)}@media(max-width:480px){.delete-button{padding:14px;border-radius:10px;gap:10px}}.delete-icon{width:24px;height:24px;color:var(--error-color);flex-shrink:0}.delete-text{font-size:15px;font-weight:600;color:var(--error-color)}@media(max-width:480px){.delete-text{font-size:14px}}.profile-footer{display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:20px}.footer-text{font-size:12px;color:var(--text-secondary);font-style:italic;margin:0}@media(max-width:480px){.profile-container{padding:16px}.profile-header{margin-bottom:32px}.avatar-container{width:72px;height:72px}.avatar-text{font-size:32px}.profile-section{margin-bottom:24px}}@media(max-width:360px){.profile-container{padding:12px}.profile-wrapper{padding-bottom:30px}.avatar-container{width:64px;height:64px}.avatar-text{font-size:28px}.profile-title{font-size:20px}.profile-subtitle{font-size:12px}.info-icon{width:40px;height:40px}.info-icon svg{width:20px;height:20px}.section-title{font-size:15px}.action-card{padding:14px 10px}.action-icon{width:40px;height:40px}.action-icon svg{width:28px;height:28px}.action-text{font-size:11px}.logout-button,.delete-button{padding:12px}.logout-icon,.delete-icon{width:20px;height:20px}.logout-text,.delete-text{font-size:13px}}@media(prefers-reduced-motion:reduce){.profile-header{animation:none}.action-card,.logout-button,.delete-button,.primary-button{transition:none}}@media(prefers-contrast:more){.form-input,.logout-button,.delete-button,.primary-button{border-width:2px}}@media print{.profile-container{display:none}}.logout-delete{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);padding:20px}.scroll-content{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto}.loading-container{min-height:100vh;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;padding:20px}.loading-text{margin-top:12px;font-size:16px;color:var(--color-text-secondary)}.spinner{width:48px;height:48px;border:5px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-container{min-height:auto;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;padding:20px}.center-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-text{font-size:16px;color:var(--color-error);text-align:center;margin-bottom:20px}.retry-button{background-color:var(--primary-color);color:var(--color-white);padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.retry-button:hover{background-color:var(--primary-color-dark)}.subscription-header{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:24px;padding:0 20px}.title{font-size:32px;font-weight:800;color:var(--color-text);margin-bottom:8px;text-align:center}.subtitle{font-size:16px;color:var(--color-text-secondary);text-align:center;padding:0 20px}.subscription-card{background:var(--color-white);border-radius:16px;padding:20px;margin-bottom:20px;border:2px solid rgba(var(--color-success-rgb),.25);box-shadow:0 2px 8px #0000001a}.active-subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.subscription-title{font-size:18px;font-weight:700;color:var(--color-success)}.subscription-badge{background:rgba(var(--color-success-rgb),.15);padding:6px 12px;border-radius:12px}.subscription-badge.expired{background:rgba(var(--color-error-rgb),.15)}.subscription-badge.expiring{background:rgba(var(--color-warning-rgb),.15)}.badge-text{font-size:12px;font-weight:600;color:var(--color-success)}.badge-text.warning{color:var(--color-error)}.subscription-details{margin-bottom:16px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.value{font-size:14px;color:var(--color-text);font-weight:600}.days-left{font-size:16px;font-weight:700}.expiring-text{color:var(--color-warning)}.expired-text{color:var(--color-error)}.subscription-footer{background:rgba(var(--primary-color-rgb),.1);border-radius:8px;padding:12px;margin-top:8px;text-align:center}.note{font-size:13px;color:var(--primary-color);font-weight:500}.main-card{background-color:var(--color-white);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 4px 12px #00000026;border:2px solid rgba(var(--primary-color-rgb),.3)}.price-container{display:flex;align-items:baseline;justify-content:center;margin-bottom:16px}.currency{font-size:28px;font-weight:700;color:var(--primary-color);margin-right:4px}.price{font-size:56px;font-weight:900;color:var(--primary-color);letter-spacing:-2px}.period{font-size:18px;color:var(--color-text-secondary);margin-left:4px}.badge{display:flex;align-items:center;justify-content:center;gap:8px;background-color:rgba(var(--primary-color-rgb),.15);border-radius:20px;padding:8px 16px;margin-bottom:24px}.badge-text{font-size:14px;font-weight:600;color:var(--primary-color)}.disclaimer-box{background-color:rgba(var(--primary-color-rgb),.06);border-radius:12px;padding:16px;border-left:4px solid var(--primary-color);margin-bottom:16px;font-size:14px;color:var(--color-text);line-height:20px}.features-container{margin-bottom:24px}.features-title{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:12px}.feature-item{display:flex;align-items:flex-start;margin-bottom:12px}.feature-icon{font-size:18px;font-weight:700;color:var(--primary-color);margin-right:12px;margin-top:2px}.feature-text{flex:1;font-size:15px;color:var(--color-text);line-height:22px}.info-box{background-color:var(--color-white);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.info-title{font-size:20px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px;margin-bottom:20px}.info-item{display:flex;margin-bottom:16px}.info-number{width:28px;height:28px;border-radius:50%;background-color:rgba(var(--primary-color-rgb),.2);color:var(--primary-color);font-size:14px;font-weight:700;text-align:center;line-height:28px;margin-right:12px}.info-content{flex:1}.info-text{font-size:15px;color:var(--color-text);line-height:22px}.subscription-actions{display:flex;flex-direction:column;align-items:center}.button{background-color:var(--primary-color);color:var(--color-white);border:none;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.3);margin-bottom:12px;transition:background .2s ease}.button:hover:not(:disabled){background-color:var(--primary-color-dark)}.button-disabled{background-color:var(--color-text-secondary);cursor:not-allowed;box-shadow:none}.inactive-text{text-align:center;color:var(--color-error);font-size:14px;font-style:italic}.details-container{margin-bottom:24px;background-color:var(--color-background);border-radius:12px;padding:16px}.detail-item{display:flex;align-items:center;margin-bottom:16px}.detail-icon{font-size:32px;margin-right:12px;flex-shrink:0}.detail-content{flex:1}.detail-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.detail-value{font-size:16px;font-weight:600;color:var(--color-text)}.qr-screen-container{display:flex;flex-direction:column;height:100vh;background:#f9f9f9}.qr-scroll-container{flex:1;overflow-y:auto;padding:16px}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.qr-loading p{font-size:16px;color:#666}.spinner{width:48px;height:48px;border:4px solid rgba(46,134,171,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.qr-progress-container{position:relative;margin-top:16px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qr-progress-bar-bg{width:100%;height:5px;background-color:#0000001a;border-radius:10px;overflow:hidden;margin-bottom:12px}.qr-progress-bar{height:100%;transition:width .1s linear,background-color .3s ease;border-radius:10px}.qr-progress-bar.success{background-color:green}.qr-progress-bar.warning{background-color:orange}.qr-progress-bar.error{background-color:red}.qr-card-wrapper{margin-bottom:12px;animation:fadeIn .3s ease-out}.qr-time-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#2e86ab1a,#a23b721a);border-radius:12px;font-size:15px;font-weight:600;color:#333;box-shadow:0 2px 8px #0000000d}.qr-time-badge .qr-time-icon{font-size:18px}.qr-time-badge span{line-height:1.2}.qr-show-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:24px;padding:32px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;animation:fadeIn .3s ease-out}.qr-error-message{width:100%;padding:12px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;margin-bottom:16px;text-align:center}.qr-error-message span{color:#f44336;font-size:14px;font-weight:500}.qr-limit-message{text-align:center;padding:24px 16px}.qr-limit-message span{font-size:18px;font-weight:600;color:#ff9800;display:block;margin-bottom:8px}.qr-limit-message p{font-size:14px;color:#666;margin:0}.qr-show-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,#2274a8 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e86ab4d;min-width:200px;min-height:54px}.qr-show-button .qr-icon{font-size:24px}.qr-show-button:hover:not(:disabled){background:linear-gradient(135deg,#2274a8,#1e5f8a);box-shadow:0 6px 16px #2e86ab66;transform:translateY(-2px)}.qr-show-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2e86ab4d}.qr-show-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:0 2px 8px #2e86ab33}.qr-show-button:disabled:hover{transform:none}.qr-show-hint{margin-top:12px;font-size:13px;color:#999;text-align:center;line-height:1.5}.renew-button{display:flex;align-items:center;margin-top:16px;padding:8px 16px;background:gold;border:none;border-radius:6px;cursor:pointer}.red{background-color:red}.warrning{background-color:orange}.green{background-color:green}.qr-header{margin-bottom:20px;text-align:left}.qr-header .header-title{font-size:28px;font-weight:700;color:#000;display:flex;align-items:center;gap:8px}.qr-header .header-subtitle{font-size:16px;color:#666;margin-top:4px}.qr-header .usage-count{font-size:14px;color:#007bff;margin-top:8px;font-weight:600}.no-subscription-container{display:flex;flex-direction:column;gap:20px;padding:16px}.qr-placeholder-card{background-color:var(--white-color);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 8px #0000001a}.placeholder-title{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:12px}.placeholder-text{font-size:15px;color:var(--text-secondary);line-height:1.5}.features-card{background-color:var(--white-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014}.features-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px}.feature-item{display:flex;align-items:center;margin-bottom:12px}.feature-icon{font-size:20px;color:var(--primary-color);margin-right:12px;font-weight:700}.feature-text{font-size:15px;color:var(--text-color);line-height:1.5}.subscribe-button{background-color:var(--primary-color);color:var(--white-color);font-size:18px;font-weight:700;padding:18px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .1s}.subscribe-button:hover{transform:translateY(-2px)}.status-card{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;border-left:3px solid var(--primary-color);box-shadow:0 2px 4px #0000001a}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-label-container{display:flex;align-items:center;gap:8px}.status-icon{font-size:18px}.status-label{font-size:16px;color:#666}.status-badge{padding:4px 12px;border-radius:12px}.status-badge-text{color:#fff;font-size:14px;font-weight:600}.status-value{font-size:18px;font-weight:700}.divider{height:1px;background-color:#f0f0f0;margin:8px 0}.date-row{display:flex;align-items:center}.date-item{flex:1}.date-separator{width:1px;height:40px;background-color:#f0f0f0;margin:0 12px}.date-label{font-size:12px;color:#999;display:block;margin-bottom:4px}.date-value{font-size:14px;font-weight:600;color:#000}.available-usages-card{background-color:var(--white-color);border-radius:10px;padding:12px;margin-bottom:12px;border-left:3px solid var(--success-color);box-shadow:0 1px 3px #00000014}.available-usages-body{display:flex;flex-direction:column;gap:8px}.available-usages-header{display:flex;justify-content:space-between;align-items:center}.available-usages-title{font-size:15px;font-weight:600;color:var(--text-color)}.available-usages-circles-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px}.available-usage-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.available-usage-circle-text{color:#fff;font-size:16px;font-weight:700}.usage-progress-bar{height:8px;background-color:var(--background-color);border-radius:4px;overflow:hidden;margin-top:8px}.usage-progress-fill{height:100%;border-radius:4px}.available-usages-message{font-size:12px;text-align:center;font-weight:600;margin-top:4px}.qr-card{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:16px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.qr-card.no-usage{background:linear-gradient(135deg,#ff98001a,#f443361a);border:2px solid rgba(255,152,0,.3)}.qr-card.no-usage .qr-title{color:#ff9800;font-size:16px}.qr-card.no-usage .qr-subtitle{color:#666;font-size:14px;margin-top:8px}.qr-card.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.qr-card.loading-card .qr-loading-text{font-size:16px;color:#666;margin:0}.qr-card.loading-card .spinner{width:48px;height:48px;border:4px solid rgba(46,134,171,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-title{font-size:18px;font-weight:700;margin-bottom:16px}.qr-gradient-wrapper{background:linear-gradient(90deg,#007bff33,#ffc10733);border-radius:16px;padding:16px;display:inline-block}.qr-wrapper{background-color:#fff;padding:16px;border-radius:12px;display:inline-block;cursor:pointer}.qr-wrapper:hover{transform:scale(1.05);transition:transform .2s}.qr-placeholder{padding:20px;color:#000}.qr-info{margin-top:16px;background-color:#f9f9f9;border-radius:8px;padding:12px}.qr-info-text{color:#f90;font-weight:600;margin-bottom:8px}.qr-expiry{font-size:12px;color:#666}.refresh-button,.renew-button-inline{margin-top:16px;padding:12px 24px;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer}.refresh-button{background-color:#007bff;color:#fff}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.renew-button-inline{background-color:#28a745;color:#fff}.privacy-policy-container{min-height:100vh;background-color:var(--background-color);padding:20px 0 80px}.privacy-policy-wrapper{max-width:800px;margin:0 auto;padding:0 20px}.back-button{background:transparent;border:none;color:var(--primary-color);cursor:pointer;padding:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px;transition:opacity .2s}.back-button:hover{opacity:.7}.back-button:active{opacity:.5}.privacy-policy-content{background:var(--white-color);border-radius:16px;padding:32px 24px;box-shadow:0 2px 8px #00000014}.privacy-policy-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 24px;line-height:1.3}.privacy-policy-meta{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:32px}.privacy-policy-meta p{margin:8px 0;font-size:14px;color:var(--text-secondary)}.privacy-policy-meta p strong{color:var(--text-primary)}.privacy-policy-meta p a{color:var(--primary-color);text-decoration:none}.privacy-policy-meta p a:hover{text-decoration:underline}.privacy-policy-meta p:first-child{margin-top:0}.privacy-policy-meta p:last-child{margin-bottom:0}.privacy-section{margin-bottom:32px}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.privacy-section p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{margin:12px 0;padding-left:24px}.privacy-section ul li{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:8px}.privacy-section ul li:last-child{margin-bottom:0}.privacy-section a{color:var(--primary-color);text-decoration:none}.privacy-section a:hover{text-decoration:underline}@media(max-width:768px){.privacy-policy-content{padding:24px 20px}.privacy-policy-title{font-size:24px}.privacy-section h2{font-size:18px}.privacy-section p,.privacy-section ul li{font-size:14px}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;padding:8px 0;box-shadow:0 -2px 10px #0000001a;z-index:1000;height:60px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 12px;transition:all .3s ease;color:#666;min-width:70px}.nav-item:hover{background-color:#f5f5f5;border-radius:8px}.nav-item.active,.nav-item.active .nav-icon{color:#2e86ab}.nav-item.active .nav-label{font-weight:600;color:#2e86ab}.nav-icon{transition:color .3s ease}.nav-label{font-size:12px;font-weight:500;transition:all .3s ease}body{padding-bottom:60px}