:root{--blue:#174ea6;--navy:#101820;--light:#f4f7fb;--text:#1e293b;--muted:#64748b;--line:#dbe3ef;--success:#15803d;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,#eef4ff,#f8fafc 55%,#eef7f3)}a{color:var(--blue);text-decoration:none}.app-nav{position:sticky;top:0;z-index:50;background:#101820;box-shadow:0 4px 18px rgba(0,0,0,.16)}.app-nav-inner{max-width:1200px;margin:auto;min-height:70px;padding:8px 18px;display:flex;align-items:center}.app-brand{display:flex;align-items:center;color:#fff;font:700 25px Georgia,serif;margin-right:28px}.app-brand img{height:50px;width:auto;background:#fff;border-radius:5px;padding:2px}.app-brand span{margin-left:10px}.app-links{display:flex;gap:5px;align-items:center}.app-links a{color:#fff;padding:12px 14px;border-radius:7px;font-weight:600}.app-links a:hover,.app-links a.active{background:#234f9b}.menu-btn{display:none;margin-left:auto;background:none;color:#fff;border:1px solid #64748b;border-radius:7px;padding:8px 11px;font-size:20px}.auth-page,.simple-page,.form-page{padding:45px 18px;min-height:calc(100vh - 70px)}.auth-shell{max-width:1050px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.12)}.auth-hero{padding:55px;background:linear-gradient(145deg,#123b7a,#174ea6 60%,#1f6a9c);color:#fff}.auth-hero img{height:80px;background:#fff;border-radius:10px;padding:5px}.auth-hero h1{font-size:42px;margin:30px 0 12px}.auth-hero p{font-size:17px;line-height:1.7;opacity:.92}.flow{display:grid;gap:10px;margin-top:35px}.flow span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:9px}.auth-card{padding:42px;align-self:center}.tabs{display:flex;gap:8px;background:#eef2f7;padding:5px;border-radius:10px;margin-bottom:25px}.tab{flex:1;border:0;background:transparent;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;color:var(--muted)}.tab.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(0,0,0,.08)}.auth-form{display:none}.auth-form.show{display:block}.auth-form label,.simple-card label,.application-form label{display:block;font-weight:700;margin:14px 0 7px}.auth-form input,.simple-card input,.application-form input,.application-form select,.application-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px 14px;font-size:15px;background:#fff;outline:none}.auth-form input:focus,.simple-card input:focus,.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border-color:#5b8def;box-shadow:0 0 0 3px rgba(23,78,166,.1)}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;margin:10px 0 18px}.remember{display:flex!important;align-items:center;gap:6px;margin:0!important;font-weight:500!important}.remember input{width:auto}.primary,.submit-btn{width:100%;border:0;border-radius:9px;padding:14px;background:var(--blue);color:#fff;font-weight:800;font-size:16px;cursor:pointer}.primary:hover,.submit-btn:hover{background:#123e88}.switch{text-align:center;color:var(--muted);margin-top:18px}.switch a{cursor:pointer;font-weight:700}.notice{padding:12px 14px;border-radius:9px;margin-bottom:16px}.notice.error{background:#fff1f0;color:var(--danger)}.notice.success{background:#ecfdf3;color:#166534}.simple-page{display:grid;place-items:center}.simple-card{width:min(520px,100%);background:#fff;padding:40px;border-radius:20px;box-shadow:0 18px 50px rgba(15,23,42,.1)}.simple-card h1{text-align:center}.simple-card>.muted{text-align:center;color:var(--muted);line-height:1.6}.icon-circle{width:64px;height:64px;display:grid;place-items:center;background:#eaf1ff;border-radius:50%;margin:auto;font-size:28px}.dev-link{margin-top:18px;padding:14px;background:#fff8e6;border-radius:9px;word-break:break-word}.form-wrap{max-width:1100px;margin:auto}.form-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:800}.form-heading h1{font-size:40px;margin:7px 0}.form-heading p{color:var(--muted)}.user-chip{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:10px;color:var(--muted)}.user-chip strong{color:var(--text)}.selected-job{background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);padding:16px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;box-shadow:0 8px 25px rgba(15,23,42,.05)}.selected-job span,.selected-job small{display:block;color:var(--muted);font-size:13px}.selected-job strong{display:block;font-size:21px;margin:3px 0}.selected-job img{width:70px;height:70px;object-fit:contain}.application-form{background:#fff;border-radius:18px;padding:28px;box-shadow:0 15px 45px rgba(15,23,42,.08)}.application-form section{border-bottom:1px solid #edf1f6;padding-bottom:25px;margin-bottom:25px}.application-form section:last-of-type{border-bottom:0}.application-form h2{font-size:20px;margin:0 0 15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.grid2>div:has(textarea){grid-column:1/-1}.upload-box{border:2px dashed #c9d5e5;border-radius:12px;padding:18px;background:#f8fafc}.upload-box input{border:0;padding:8px 0}.upload-box small{color:var(--muted)}.agree{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.agree input{width:auto;margin-top:3px}.submit-btn{max-width:300px;display:block;margin-left:auto}.site-footer{padding:25px;text-align:center;color:#64748b}@media(max-width:800px){.menu-btn{display:block}.app-links{display:none;position:absolute;top:70px;left:0;right:0;background:#101820;padding:10px 15px;flex-direction:column;align-items:stretch}.app-links.open{display:flex}.app-links a{width:100%}.auth-shell{grid-template-columns:1fr}.auth-hero{padding:35px}.auth-hero h1{font-size:32px}.form-heading{align-items:flex-start;flex-direction:column}.grid2{grid-template-columns:1fr}.grid2>div:has(textarea){grid-column:auto}}@media(max-width:520px){.auth-page,.simple-page,.form-page{padding:20px 10px}.auth-card,.auth-hero,.simple-card,.application-form{padding:22px 16px}.form-heading h1{font-size:30px}.selected-job{align-items:flex-start}.selected-job img{width:55px;height:55px}}