@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{min-width:320px;font-family:Arial,sans-serif;background:#f4f6f8}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#eef7ff,#fff7e8 52%,#f8f3ff);padding:24px;font-family:Plus Jakarta Sans,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:14px}.login-logo{width:72px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(249,178,51,.25));transition:transform .2s ease}.login-logo:hover{transform:translateY(-2px) scale(1.03)}.login-bg-circle{position:absolute;border-radius:50%;pointer-events:none}.login-bg-circle-one{width:260px;height:260px;background:#5b8def2e;top:-80px;left:-80px}.login-bg-circle-two{width:220px;height:220px;background:#f9b23329;bottom:-70px;right:-40px}.login-bg-circle-three{width:140px;height:140px;background:#9b87f524;top:18%;right:12%}.login-layout{width:100%;max-width:1120px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;position:relative;z-index:1}.login-brand-panel{padding:20px 10px 20px 8px}.login-badge{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;margin-bottom:18px;background:#ffffffbf;border:1px solid rgba(10,35,66,.08);box-shadow:0 10px 26px #0a234214;color:#355070;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.login-hero-title{margin:0 0 14px;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.03em;font-weight:800;color:#0a2342}.login-hero-text{margin:0 0 26px;max-width:560px;color:#5f7391;font-size:18px;line-height:1.7}.login-feature-list{display:grid;gap:14px;max-width:420px}.login-feature-item{display:flex;align-items:center;gap:12px;color:#29466b;font-size:16px;font-weight:700}.login-feature-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#f9b233,#f7941d);box-shadow:0 0 0 5px #f9b23324;flex-shrink:0}.login-card-shell{width:100%;display:flex;justify-content:center}.login-card{width:100%;max-width:430px;background:#fffffff5;padding:34px 30px;border-radius:30px;box-shadow:0 20px 45px #0a23421a,0 8px 20px #0a23420f;border:1px solid rgba(10,35,66,.08);text-align:center;position:relative}.login-icon-wrap{display:flex;justify-content:center;margin-bottom:8px}.login-title{margin-top:0;margin-bottom:8px;font-size:38px;color:#24324a;letter-spacing:-1px;font-weight:800}.login-subtitle{margin-top:0;margin-bottom:8px;font-weight:800;color:#355070;font-size:26px}.login-helper-text{margin-top:0;margin-bottom:24px;color:#667892;font-size:15px;line-height:1.6}.login-form{display:grid;gap:14px}.login-field{display:grid;gap:6px;text-align:left}.login-label{font-size:14px;font-weight:800;color:#355070;margin-left:4px}.login-input{padding:14px 16px;border-radius:16px;border:2px solid #dbe7f3;font-size:16px;width:100%;box-sizing:border-box;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-input:focus{border-color:#f4b400;box-shadow:0 0 0 4px #f4b40024;transform:translateY(-1px)}.login-forgot-row{text-align:right;margin-top:-4px}.login-forgot-button{background:none;border:none;color:#3f73da;cursor:pointer;padding:0;font:inherit;font-weight:800;font-size:14px}.login-button{padding:14px;border-radius:999px;border:none;background:linear-gradient(135deg,#f9b233,#f7941d);color:#0a2342;cursor:pointer;font-size:16px;font-weight:800;box-shadow:0 12px 26px #f9b23347;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #f9b23357}.login-error{color:#d64545;margin-top:14px;text-align:center;background:#ffe9e9;border:1px solid #ffc7c7;border-radius:12px;padding:10px 12px;font-weight:700}.login-link-text{margin-top:18px;text-align:center;color:#667892;font-size:15px}.login-link-button{background:none;border:none;color:#3f73da;cursor:pointer;padding:0;font:inherit;font-weight:800}.login-input-wrap{position:relative}.login-input-with-button{padding-right:60px}.login-input-action{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer}.eye-icon{font-size:16px;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.login-layout{grid-template-columns:1fr;gap:24px;max-width:520px}.login-brand-panel{text-align:center;padding:0}.login-hero-text{margin-left:auto;margin-right:auto}.login-feature-list{margin:0 auto;text-align:left}}@media(max-width:768px){.login-page{padding:20px}.login-card{padding:30px 22px;border-radius:26px}.login-title{font-size:34px}.login-subtitle{font-size:24px}.login-button{width:100%}.login-hero-title{font-size:40px}.login-hero-text{font-size:16px}}.signup-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff7e8,#eef7ff 52%,#f8f3ff);padding:24px;font-family:Plus Jakarta Sans,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.signup-bg-circle{position:absolute;border-radius:50%;pointer-events:none}.signup-bg-circle-one{width:260px;height:260px;background:#f9b23329;top:-80px;left:-80px}.signup-bg-circle-two{width:220px;height:220px;background:#5b8def29;bottom:-70px;right:-40px}.signup-bg-circle-three{width:140px;height:140px;background:#9b87f524;top:18%;right:12%}.signup-layout{width:100%;max-width:1160px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;position:relative;z-index:1}.signup-brand-panel{padding:20px 10px 20px 8px}.signup-badge{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;margin-bottom:18px;background:#ffffffc7;border:1px solid rgba(10,35,66,.08);box-shadow:0 10px 26px #0a234214;color:#355070;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.signup-hero-title{margin:0 0 14px;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.03em;font-weight:800;color:#0a2342}.signup-hero-text{margin:0 0 26px;max-width:560px;color:#5f7391;font-size:18px;line-height:1.7}.signup-feature-list{display:grid;gap:14px;max-width:430px}.signup-feature-item{display:flex;align-items:center;gap:12px;color:#29466b;font-size:16px;font-weight:700}.signup-feature-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#f9b233,#f7941d);box-shadow:0 0 0 5px #f9b23324;flex-shrink:0}.signup-card-shell{width:100%;display:flex;justify-content:center}.signup-card{width:100%;max-width:520px;background:#fffffff5;padding:34px 30px;border-radius:30px;box-shadow:0 20px 45px #0a23421a,0 8px 20px #0a23420f;border:1px solid rgba(10,35,66,.08);text-align:center;position:relative}.signup-logo-wrap{display:flex;justify-content:center;margin-bottom:14px}.signup-logo{width:72px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(249,178,51,.25));transition:transform .2s ease}.signup-logo:hover{transform:translateY(-2px) scale(1.03)}.signup-title{margin-top:0;margin-bottom:8px;font-size:38px;color:#24324a;letter-spacing:-1px;font-weight:800}.signup-subtitle{margin-top:0;margin-bottom:8px;font-weight:800;color:#355070;font-size:26px}.signup-helper-text{margin-top:0;margin-bottom:24px;color:#667892;font-size:15px;line-height:1.6}.signup-form{display:grid;gap:14px}.signup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signup-field{display:grid;gap:6px;text-align:left}.signup-label{font-size:14px;font-weight:800;color:#355070;margin-left:4px}.signup-input-wrap{position:relative}.signup-input{padding:14px 60px 14px 16px;border-radius:14px;border:2px solid #dbe7f3;font-size:16px;width:100%;box-sizing:border-box;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.signup-input:hover{border-color:#c9dbf0}.signup-input:focus{border-color:#f9b233;box-shadow:0 0 0 3px #f9b2331f;transform:translateY(-1px)}.signup-input-with-button{padding-right:110px}.signup-input-action{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:700;color:#5f7391;padding:4px 6px;line-height:1}.signup-input-action:hover{color:#0a2342}.eye-icon{display:inline-block;min-width:34px;text-align:center}.signup-select-wrap{position:relative}.signup-select{cursor:pointer;padding-right:52px}.signup-select-arrow{position:absolute;top:50%;right:18px;width:10px;height:10px;border-right:2px solid #5f7391;border-bottom:2px solid #5f7391;transform:translateY(-60%) rotate(45deg);pointer-events:none}.signup-button{margin-top:6px;padding:14px;border-radius:999px;border:none;background:linear-gradient(135deg,#f9b233,#f7941d);color:#0a2342;cursor:pointer;font-size:16px;font-weight:800;box-shadow:0 12px 26px #f9b23347;transition:transform .2s ease,box-shadow .2s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #f9b23357}.signup-error{color:#d64545;margin-top:14px;text-align:center;background:#ffe9e9;border:1px solid #ffc7c7;border-radius:12px;padding:10px 12px;font-weight:700}.signup-success{color:#166534;margin-top:14px;text-align:center;background:#e9fbe9;border:1px solid #b7e4b8;border-radius:12px;padding:10px 12px;font-weight:700}.signup-link-text{margin-top:18px;text-align:center;color:#667892;font-size:15px}.signup-link-button{background:none;border:none;color:#3f73da;cursor:pointer;padding:0;font:inherit;font-weight:800}@media(max-width:900px){.signup-layout{grid-template-columns:1fr;gap:24px;max-width:540px}.signup-brand-panel{text-align:center;padding:0}.signup-hero-text{margin-left:auto;margin-right:auto}.signup-feature-list{margin:0 auto;text-align:left}}@media(max-width:768px){.signup-page{padding:20px}.signup-card{padding:30px 22px;border-radius:26px}.signup-title{font-size:34px}.signup-subtitle{font-size:24px}.signup-button{width:100%}.signup-hero-title{font-size:40px}.signup-hero-text{font-size:16px}.signup-form-row{grid-template-columns:1fr}.signup-input-with-button{padding-right:96px}}