*{box-sizing:border-box}
:root{--navy:#11233f;--blue:#1d63d8;--yellow:#FFCE12;--yellow2:#FFD814;--muted:#65748b;--line:#dbe2eb}
body{margin:0;background:#fff;color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.page-shell{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fbfcfe 55%,#fff 100%)}
.login-layout{width:min(1380px,96vw);margin:18px auto 0;min-height:calc(100vh - 120px);display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:36px 58px;border:1px solid #edf0f4;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(24,43,73,.08)}
.brand-panel{padding:5px 15px 20px;position:relative}
.brand-logo{display:flex;align-items:center;gap:12px;min-height:72px;margin-bottom:22px}
.brand-logo img{max-width:300px;max-height:80px;object-fit:contain}
.logo-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1667c9,#0d3e82);color:#fff;font-size:27px;font-weight:900;border:7px solid #fff;box-shadow:0 5px 18px rgba(18,66,126,.18)}
.logo-mark span{font-size:16px}.logo-text{font-size:21px;letter-spacing:-.5px}.logo-text strong{color:#1b65bd}.logo-text small{display:block;font-size:10px;letter-spacing:2px;margin-top:2px;color:#333}
.brand-panel h1{font-size:52px;line-height:1.02;margin:0 0 8px;letter-spacing:-2px}.portal-title{font-size:23px;color:#66758a;margin:0}.yellow-line{width:60px;height:4px;background:var(--yellow);margin:23px 0 25px;border-radius:8px}
.brand-panel h2{font-size:25px;line-height:1.28;margin:0 0 12px;max-width:500px}.brand-description{font-size:17px;line-height:1.6;color:#596a82;max-width:550px}
.ai-illustration{height:360px;position:relative;margin:18px 0 0;display:grid;place-items:center}.laptop{position:relative;width:360px;transform:perspective(800px) rotateX(3deg) rotateY(-8deg);filter:drop-shadow(0 25px 25px rgba(26,42,66,.14))}
.screen{height:220px;background:#fff;border:10px solid #263445;border-radius:17px 17px 9px 9px;box-shadow:0 10px 20px rgba(0,0,0,.15);padding:17px}.screen-top{height:11px;width:45%;border-radius:10px;background:#edf1f6;margin-bottom:20px}.dash-row{display:flex;gap:8px}.dash-row i{display:block;height:48px;flex:1;border-radius:7px;background:#f4f6fa;border:1px solid #e7ebf1}.dash-row i:first-child{border-top:3px solid var(--yellow)}.chart{height:65px;margin-top:13px;border-radius:7px;background:linear-gradient(180deg,#fff,#f7f9fc);position:relative}.chart:after{content:"";position:absolute;left:8%;right:8%;top:45%;height:2px;background:var(--blue);transform:skewY(-8deg);box-shadow:45px 8px 0 var(--yellow),90px -12px 0 var(--blue),135px 4px 0 var(--yellow)}.screen-bars{display:flex;align-items:end;gap:7px;height:32px;margin-top:8px}.screen-bars b{width:20px;background:#e8eef7;border-radius:3px 3px 0 0}.screen-bars b:nth-child(1){height:14px}.screen-bars b:nth-child(2){height:23px}.screen-bars b:nth-child(3){height:18px}.screen-bars b:nth-child(4){height:29px}.keyboard{width:380px;height:28px;background:linear-gradient(#dce2e9,#bfc8d2);margin:-1px auto 0;border-radius:0 0 9px 9px;transform:perspective(100px) rotateX(-8deg)}.base{width:410px;height:13px;background:#d7dde5;border-radius:50%;margin:-3px auto 0}
.network{position:absolute;width:170px;height:170px;border:1px dashed #e1e7ee;border-radius:50%}.n1{left:10%;top:20%}.n2{right:10%;top:18%}.n3{left:38%;bottom:4%;width:230px;height:70px;border-radius:50%}
.float-card{position:absolute;width:58px;height:58px;background:#fff;border:1px solid #edf1f5;border-radius:14px;box-shadow:0 12px 24px rgba(30,49,76,.11);display:grid;place-items:center;font-size:28px;color:#1667c9}.card-secure{left:8%;top:27%;color:#e8b500}.card-support{right:12%;top:27%}.card-gear{right:10%;bottom:12%;color:#1d63d8}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:540px}.feature-row div{text-align:center;display:flex;flex-direction:column;gap:3px}.feature-row span{font-size:25px;color:#e5b300}.feature-row b{font-size:14px}.feature-row small{font-size:12px;color:#6e7b8e}
.login-card{background:#fff;border:1px solid #eef1f5;border-radius:22px;padding:34px 46px;box-shadow:0 18px 50px rgba(24,43,73,.10);max-width:660px;width:100%;justify-self:end}
.welcome-icon{margin:auto;width:48px;height:48px;border-radius:50%;background:#fff8d7;border:1px solid #ffe58a;display:grid;place-items:center;color:#e2b400;font-size:22px}.login-card>h2{text-align:center;font-size:30px;margin:13px 0 3px}.welcome-sub{text-align:center;color:#66758a;margin:0 0 27px}
.login-card form>label,.admin-form label{display:block;font-size:15px;font-weight:700;margin:17px 0 8px}.input-wrap{display:flex;align-items:center;border:1px solid #d4dce7;border-radius:10px;height:54px;padding:0 14px;box-shadow:0 2px 5px rgba(27,48,77,.03)}.input-wrap>span{color:#718198;margin-right:11px}.input-wrap input{border:0;outline:0;flex:1;height:100%;font-size:15px;color:var(--navy)}.eye{border:0;background:none;color:#708097;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;margin:17px 0 21px;font-size:14px}.login-options a{color:#1262d6;text-decoration:none}.check{display:flex;gap:8px;align-items:center}.check input{width:18px;height:18px}.btn{height:53px;border-radius:10px;border:0;display:flex;align-items:center;justify-content:center;width:100%;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer}.btn-login{background:var(--yellow);color:#111;box-shadow:0 6px 15px rgba(255,206,18,.22)}.btn-login:hover{background:var(--yellow2)}.btn-register{margin-top:12px;background:#fff3bb;color:#13213a;border:1px solid #ffdf55}.or{display:flex;align-items:center;gap:14px;margin:25px 0;color:#748196;font-size:13px}.or span{height:1px;background:#e4e8ee;flex:1}.custom-box{border:1px solid #dce3ec;border-radius:10px;padding:14px;margin-top:12px}.box-title{font-weight:800;font-size:15px;margin-bottom:10px}.mini-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.mini-info span,.hint,.custom-box small{color:#77859a}.logo-preview{min-height:70px;border:1px dashed #ccd5e1;border-radius:9px;display:grid;place-items:center;padding:8px;text-align:center;color:#718096;font-size:13px}.logo-preview img{max-width:280px;max-height:65px;object-fit:contain}.whatsapp-box textarea{width:100%;min-height:82px;border:1px solid #d9e1eb;border-radius:9px;padding:10px;font:inherit;resize:vertical;color:#1c2d45;background:#fff}.wa-dot{color:#20b95a}.wa-link{display:inline-block;margin-top:9px;color:#1262d6;font-size:13px;text-decoration:none}.alert,.success{padding:11px 13px;border-radius:9px;margin-bottom:12px;font-size:14px}.alert{background:#fff0f0;border:1px solid #ffd2d2;color:#a12626}.success{background:#effbf3;border:1px solid #ccebd6;color:#216e3a}
footer{width:min(1100px,92vw);margin:12px auto 20px;display:flex;justify-content:center;gap:55px;flex-wrap:wrap;font-size:14px;color:#263954}footer p{width:100%;text-align:center;color:#758299;margin:0}.simple-page{min-height:100vh;background:#f7f9fc;display:grid;place-items:center;padding:25px}.register-card,.admin-shell{background:#fff;border:1px solid #e5eaf1;border-radius:18px;box-shadow:0 15px 45px rgba(25,45,72,.08)}.register-card{width:min(520px,95vw);padding:35px}.register-card h1{margin-bottom:4px}.register-card p{color:#6a788c}.register-card input,.admin-form input,.admin-form textarea{width:100%;padding:13px;border:1px solid #d7dee8;border-radius:9px;outline:0;font:inherit}.back-link{display:block;color:#1764cf;text-decoration:none;margin-top:15px}.admin-shell{width:min(1000px,94vw);margin:30px auto;padding:30px}.admin-shell.narrow{width:min(760px,94vw)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-header strong{font-size:22px}.admin-header span{display:block;color:#728097;font-size:13px}.admin-header a{color:#1262d6;text-decoration:none}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.admin-tile{padding:22px;border:1px solid #e0e6ee;border-radius:12px;text-decoration:none;color:var(--navy);display:flex;flex-direction:column;gap:7px}.admin-tile span{color:#728097;font-size:14px}.admin-form{display:grid;gap:0}.admin-form .wide{min-height:80px}.admin-form textarea{resize:vertical}.hint{font-size:13px;margin-top:5px}
.decor{position:absolute;border-radius:50%;pointer-events:none}.decor-a{width:330px;height:330px;left:-180px;bottom:-180px;background:rgba(255,206,18,.14)}.decor-b{width:250px;height:250px;right:-130px;top:-120px;background:rgba(29,99,216,.04)}
@media(max-width:1000px){.login-layout{grid-template-columns:1fr;padding:30px;gap:25px}.brand-panel{order:2}.login-card{order:1;justify-self:center}.brand-panel h1{font-size:42px}.ai-illustration{height:300px}.feature-row{margin:auto}footer{gap:18px}}
@media(max-width:560px){.login-layout{width:100%;margin:0;border-radius:0;border-left:0;border-right:0;padding:20px 16px}.login-card{padding:25px 18px}.brand-panel h1{font-size:36px}.portal-title{font-size:18px}.ai-illustration{transform:scale(.82);margin:-5px}.feature-row{grid-template-columns:repeat(2,1fr)}footer{font-size:12px}.brand-logo img{max-width:240px}}