.helpflix-portal,.helpflix-portal *{box-sizing:border-box}.helpflix-portal{--hf-primary:#0f766e;--hf-primary-dark:#115e59;--hf-blue:#2563eb;--hf-bg:#edf5f4;--hf-card:#ffffff;--hf-border:#d7e2e1;--hf-text:#1f2937;--hf-muted:#6b7280;--hf-radius:22px;--hf-shadow:0 20px 60px rgba(15,118,110,.08);width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:80px 20px;background:linear-gradient(180deg,#f7fbfb 0%,#edf5f4 100%);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--hf-text)}.helpflix-portal h1,.helpflix-portal h2,.helpflix-portal h3,.helpflix-portal h4,.helpflix-portal h5,.helpflix-portal h6,.helpflix-portal p,.helpflix-portal label{margin:0}.helpflix-portal button{font-family:inherit}.helpflix-portal input{font-family:inherit}.portal-card{width:100%;max-width:720px;background:var(--hf-card);border:1px solid var(--hf-border);border-radius:var(--hf-radius);box-shadow:var(--hf-shadow);overflow:hidden}.portal-header{text-align:center;padding:60px 60px 35px;background:#fff;border-bottom:1px solid #eef2f2}.portal-header h2{font-size:40px;font-weight:700;color:var(--hf-primary);letter-spacing:-.5px}.portal-header p{margin-top:12px;font-size:16px;color:var(--hf-muted);line-height:1.7}.portal-content{padding:50px 60px 60px}.portal-panel{width:100%}.portal-user-switch{display:flex;gap:8px;background:#f3f7f7;padding:6px;border-radius:999px;margin:35px 60px}.portal-tab{flex:1;border:none;background:#fff0;color:var(--hf-muted);padding:14px 20px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.portal-tab:hover{color:var(--hf-primary);background:#fff}.portal-tab.active{background:#fff;color:var(--hf-primary);box-shadow:0 8px 20px rgb(15 118 110 / .12)}.portal-auth-switch{display:flex;gap:8px;background:#f3f7f7;padding:6px;border-radius:14px;margin-bottom:35px}.auth-tab{flex:1;border:none;background:#fff0;padding:14px;border-radius:10px;color:var(--hf-muted);font-size:15px;font-weight:600;cursor:pointer;transition:.25s}.auth-tab:hover{background:#fff;color:var(--hf-primary)}.auth-tab.active{background:#fff;color:var(--hf-primary);box-shadow:0 5px 15px rgb(15 118 110 / .10)}.portal-panel{animation:portalFade .25s ease}@keyframes portalFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portal-form{display:block!important;width:100%;margin:0;padding:0}.portal-auth-section{display:block!important;width:100%}.login-view,.register-view{display:block;width:100%}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal-field{display:flex;flex-direction:column;width:100%;margin-bottom:24px;overflow:visible}.portal-field.full{grid-column:1 / -1}.portal-field label{display:block;width:100%;margin-bottom:10px;padding:2px 0;font-size:14px;line-height:1.5;font-weight:600;color:var(--hf-text);overflow:visible}.portal-field input,.portal-field select,.portal-field textarea{width:100%;height:56px;border:1px solid var(--hf-border);border-radius:14px;background:#fff;padding:0 18px;font-size:15px;color:var(--hf-text);transition:.25s}.portal-field textarea{min-height:130px;resize:vertical;padding:16px 18px}.portal-field input::placeholder,.portal-field textarea::placeholder{color:#9ca3af}.portal-field input:focus,.portal-field textarea:focus,.portal-field select:focus{outline:none;border-color:var(--hf-primary);box-shadow:0 0 0 4px rgb(15 118 110 / .12)}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:52px}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:18px}.password-toggle:hover{color:var(--hf-primary)}.portal-options{display:flex;justify-content:space-between;align-items:center;margin:12px 0 30px;gap:20px;flex-wrap:wrap}.remember-box{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--hf-muted);cursor:pointer}.remember-box input{width:18px;height:18px;accent-color:var(--hf-primary)}.forgot-link{text-decoration:none;color:var(--hf-primary);font-size:14px;font-weight:600;transition:.25s}.forgot-link:hover{color:var(--hf-primary-dark)}.portal-button{width:100%;height:58px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--hf-primary),var(--hf-primary-dark));color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.25s;display:flex;justify-content:center;align-items:center}.portal-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgb(15 118 110 / .20)}.portal-button:active{transform:scale(.98)}.portal-loader{display:flex;justify-content:center;align-items:center;margin-top:18px;color:var(--hf-primary);font-size:14px;font-weight:600}.portal-message{display:none;margin-top:18px;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:600}.portal-message.success{display:block;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.portal-message.error{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.portal-form a{transition:.25s}.portal-card,.portal-button,.portal-tab,.auth-tab,.portal-field input,.portal-field textarea,.portal-field select{transition:all .25s ease}.login-view,.register-view{animation:portalFade .25s ease}.portal-button:focus,.portal-tab:focus,.auth-tab:focus,.portal-field input:focus,.portal-field textarea:focus,.portal-field select:focus{outline:none}@media (max-width:992px){.portal-card{max-width:650px}.portal-header{padding:50px 40px 30px}.portal-content{padding:40px}.portal-user-switch{margin:30px 40px}}@media (max-width:768px){.helpflix-portal{padding:30px 15px}.portal-card{max-width:100%;border-radius:18px}.portal-header{padding:35px 25px 25px}.portal-header h2{font-size:30px}.portal-header p{font-size:15px}.portal-user-switch{margin:20px 20px 25px}.portal-content{padding:25px 20px 35px}.portal-grid{grid-template-columns:1fr;gap:0}.portal-options{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:480px){.portal-header h2{font-size:26px}.portal-button{height:54px;font-size:15px}}