.login-container{background-color:#fdf9f0;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-content{width:100%;max-width:48rem;padding:3rem}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{color:#111827;margin:0;font-size:3rem;font-weight:700}.login-subtitle{color:#6b7280;margin-top:1rem;font-size:1.125rem}.login-form{margin-top:2rem}.form-field{flex-direction:column;margin-bottom:2rem;display:flex}.form-label{color:#111827;margin-bottom:1rem;font-size:1.75rem;font-weight:600;display:block}.form-input{color:#111827;background-color:#fdf9f0;border:3px solid #d1d5db;border-radius:1rem;outline:none;width:100%;padding:1.75rem 2rem;font-size:1.5rem;transition:all .2s;display:block}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.form-input::placeholder{color:#9ca3af;font-size:1.25rem}.login-button{color:#1a1a1a;cursor:pointer;text-transform:uppercase;background-color:#bff000;border:3px solid #1a1a1a;border-radius:0;width:100%;margin-top:2.5rem;padding:1.75rem 2rem;font-size:1.5rem;font-weight:800;transition:all .2s;box-shadow:6px 6px #1a1a1a}.login-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1a1a1a}.login-button:focus{outline:none}.back-button-top{color:#111827;cursor:pointer;background-color:#0000;border:2px solid #111827;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.back-button-top svg{transition:transform .2s}.back-button-top:hover{background-color:#1118270d}.back-button-top:hover svg{transform:translate(-3px)}.code-header{text-align:center;margin-bottom:3rem}.code-title{color:#111827;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.code-subtitle{color:#6b7280;font-size:1.25rem}.code-subtitle strong{color:#111827;font-weight:600}.code-input-container{margin:3rem 0}.code-inputs{background-color:#fdf9f0;border:2px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;gap:0;padding:2rem 2.5rem;display:flex}.code-input-wrapper{align-items:center;display:flex;position:relative}.code-input{text-align:center;color:#111827;caret-color:#0000;background:0 0;border:none;outline:none;width:3rem;height:3rem;font-size:1.75rem;font-weight:600}.code-placeholder{color:#111827;pointer-events:none;font-size:1.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.code-divider{color:#11182733;margin:0 .25rem;font-size:1.75rem}.resend-container{text-align:center;margin:2rem 0}.resend-button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:500;transition:all .2s}.resend-button:hover:not(:disabled){color:#111827}.resend-button:disabled{cursor:not-allowed;opacity:.5}.code-buttons{gap:1rem;margin-top:2rem;display:flex}.back-button{color:#111827;cursor:pointer;background-color:#fff;border:2px solid #111827;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.back-button svg{transition:transform .2s}.back-button:hover{background-color:#f3f4f6}.back-button:hover svg{transform:translate(-3px)}.continue-button{color:#ffffff80;cursor:not-allowed;background-color:#1f2937;border:2px solid #ffffff1a;border-radius:9999px;flex:1;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.continue-button.active{color:#fff;cursor:pointer;background-color:#fa5209;border-color:#fa5209}.continue-button.active:hover{background-color:#e04808;border-color:#e04808}.success-container{text-align:center;padding:2rem 0}.success-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.success-title{color:#111827;margin:0;font-size:4rem;font-weight:700}.success-subtitle{color:#6b7280;margin-top:-1rem;font-size:1.75rem}.success-icon{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:2rem 0;display:flex;box-shadow:0 10px 30px #0000001a}.success-icon svg{color:#111827}.dashboard-button{color:#111827;cursor:pointer;background-color:#fff;border:2px solid #111827;border-radius:9999px;width:100%;max-width:500px;margin-top:1rem;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s}.dashboard-button:hover{background-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification{z-index:9999;background:#fff;border:3px solid #000;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;display:flex;position:fixed;top:20px;right:20px;box-shadow:6px 6px #0000004d}.notification.success{border-color:#34c759}.notification.error{border-color:#ff3b30}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification.success .notification-icon{color:#fff;background:#34c759}.notification.error .notification-icon{color:#fff;background:#ff3b30}.notification-message{color:#000;flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.4}.notification-close{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.notification-close:hover{color:#000;transform:scale(1.1)}@media (max-width:640px){.login-content{max-width:100%;padding:1.5rem}.login-header{margin-bottom:1.5rem}.login-title{font-size:1.75rem;line-height:1.2}.login-subtitle{margin-top:.5rem;font-size:.875rem}.form-label{margin-bottom:.5rem;font-size:1rem}.form-input{border-width:2px;border-radius:.75rem;padding:.875rem 1rem;font-size:1rem}.form-input::placeholder{font-size:.875rem}.login-button{border-width:2px;margin-top:1.5rem;padding:1rem 1.5rem;font-size:1rem;box-shadow:4px 4px #1a1a1a}.login-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1a1a1a}.back-button-top{margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem}.code-header{margin-bottom:2rem}.code-title{font-size:1.5rem;line-height:1.3}.code-subtitle{font-size:.875rem}.code-input-container{margin:2rem 0}.code-inputs{gap:0;padding:1rem}.code-input{width:2rem;height:2rem;font-size:1.25rem}.code-placeholder{font-size:1.25rem}.code-divider{margin:0 .125rem;font-size:1.25rem}.resend-container{margin:1.5rem 0}.resend-button{font-size:.875rem}.code-buttons{flex-direction:column;gap:.75rem}.back-button{width:100%;min-width:auto;padding:.875rem 1.5rem;font-size:1rem}.continue-button{width:100%;padding:.875rem 1.5rem;font-size:1rem}.success-container{padding:1rem 0}.success-title{font-size:2rem;line-height:1.2}.success-subtitle{margin-top:-.5rem;font-size:1rem}.success-icon{width:80px;height:80px;margin:1rem 0}.success-icon svg{width:32px;height:32px}.dashboard-button{max-width:100%;padding:1rem 1.5rem;font-size:1rem}.notification{min-width:auto;max-width:none;padding:12px 16px;top:10px;left:10px;right:10px}.notification-icon{width:24px;height:24px}.notification-icon svg{width:16px;height:16px}.notification-message{font-size:12px}.notification-close{width:20px;height:20px}.notification-close svg{width:14px;height:14px}}@media (max-width:375px){.login-content{padding:1rem}.login-title{font-size:1.5rem}.code-title{font-size:1.25rem}.code-inputs{padding:.75rem .5rem}.code-input{width:1.75rem;height:1.75rem;font-size:1.125rem}.code-placeholder{font-size:1.125rem}.code-divider{margin:0 .1rem;font-size:1.125rem}.success-title{font-size:1.75rem}.success-icon{width:60px;height:60px}.success-icon svg{width:28px;height:28px}}