*{box-sizing:border-box}html{min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body{margin:0;color:#f2fff8;background:#06291d}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.background{position:fixed;inset:0;background:linear-gradient(90deg,rgba(1,42,28,.78) 0%,rgba(2,40,29,.54) 47%,rgba(0,27,20,.78) 100%),linear-gradient(0deg,rgba(0,27,20,.8),transparent 45%),url('/login/assets/etapa64/usina.jpg') center center/cover no-repeat;z-index:-1}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(12px,2vw,26px) clamp(12px,2.5vw,36px) 8px;gap:16px}.upper{flex:1;min-height:500px;display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,390px);gap:clamp(22px,3.2vw,64px);align-items:stretch}.left-column{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:22px}.intro{background:linear-gradient(100deg,rgba(2,51,34,.8),rgba(2,51,34,.12));max-width:680px;padding:clamp(18px,2vw,32px);border-left:4px solid #16c985;box-shadow:0 18px 48px rgba(0,0,0,.13);border-radius:3px}.eyebrow{font-size:12px;letter-spacing:.13em;color:#74e7b0;font-weight:850;margin-bottom:16px}.intro h1{margin:0;font-size:clamp(31px,3.2vw,52px);letter-spacing:-.035em;line-height:1.12;text-shadow:0 2px 14px rgba(0,0,0,.16)}.intro p{font-size:clamp(14px,1.25vw,18px);line-height:1.6;color:#d4e9dd;max-width:600px;margin:19px 0 0}.announcements{background:rgba(2,37,26,.86);border:1px solid rgba(101,195,145,.34);border-radius:12px;padding:14px 17px;box-shadow:0 12px 32px rgba(0,0,0,.2);width:min(60%,760px);min-height:210px}.ann-head{display:flex;align-items:center;gap:12px}.ann-icon{font-size:30px;color:#59e99a}.ann-head h2{margin:0;font-size:18px}.ann-head p{margin:2px 0 0;color:#acc7b8;font-size:12px}.ann-link{margin-left:auto;border:1px solid #18b871;border-radius:8px;font-size:12px;padding:8px 12px;background:rgba(0,90,50,.15)}.ann-link:hover{background:rgba(10,148,84,.26)}.ann-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ann-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;background:rgba(14,80,56,.3);border-radius:9px;color:#d3eada;border:1px solid rgba(85,170,125,.18)}.ann-item:hover{background:rgba(14,90,62,.38)}.ann-bullet{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(31,163,103,.16);color:#58e6a0;font-size:15px}.ann-text strong{display:block;font-size:14px;line-height:1.2}.ann-text p{font-size:12px;line-height:1.35;margin:3px 0 0;color:#aec6b9}.ann-date{font-size:12px;color:#d8eee1;border:1px solid rgba(123,206,159,.28);padding:7px 10px;border-radius:8px;background:rgba(2,49,34,.55);white-space:nowrap}.login-card{align-self:center;width:100%;max-width:390px;background:linear-gradient(150deg,rgba(28,72,54,.92),rgba(4,42,28,.93));border:1px solid rgba(154,213,178,.34);border-radius:20px;padding:clamp(22px,3vw,38px);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(13px)}.brand{text-align:center;margin-bottom:23px}.brand img{height:96px;width:120px;object-fit:contain;display:block;margin:0 auto 11px}.brand h2{font-size:29px;line-height:1.1;letter-spacing:-.03em;margin:0}.brand p{font-size:13px;color:#bbd6c7;margin:10px 0 0}.login-card label{display:block;color:#e3f8ed;font-size:13px;font-weight:750;margin-bottom:7px}.login-card input{display:block;width:100%;height:45px;border-radius:9px;border:1px solid #456c5a;background:#082d21;color:#fff;padding:0 12px;outline:none;margin:0 0 17px}.login-card input:focus{border-color:#24cb81;box-shadow:0 0 0 3px rgba(32,209,126,.18)}.sign-in{display:block;width:100%;border:0;border-radius:9px;background:linear-gradient(110deg,#38d58d,#10a96f);color:white;font-weight:800;font-size:16px;padding:14px;margin-top:20px;transition:transform .16s,box-shadow .16s}.sign-in:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(11,180,107,.32)}.card-foot{font-size:11px;color:#abc9b7;text-align:center;border-top:1px solid rgba(190,230,201,.15);padding-top:18px;margin-top:23px}.message{padding:11px;font-size:12px;border-radius:8px;margin-bottom:15px}.message.note{background:rgba(50,120,88,.35);color:#e4fff0}.message.error{background:#60302d;color:#fff}.shortcuts{background:rgba(1,30,22,.85);border:1px solid rgba(98,170,132,.22);border-radius:13px;padding:12px 14px 15px;box-shadow:0 14px 30px rgba(0,0,0,.21)}.section-heading{display:flex;align-items:center;gap:11px;margin:0 0 10px 5px}.rocket{font-size:29px;color:#50d895}.section-heading h2{margin:0;font-size:19px;line-height:1.1}.section-heading p{margin:2px 0 0;font-size:12px;color:#b7d2c4}.shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.shortcut{min-width:0;position:relative;min-height:100px;border:1px solid var(--accent);border-radius:12px;padding:12px 35px 12px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:linear-gradient(132deg,color-mix(in srgb,var(--accent) 34%,#082d24),rgba(3,23,23,.94));box-shadow:inset 0 0 24px color-mix(in srgb,var(--accent) 13%,transparent),0 2px 8px #0005;transition:transform .2s ease,border-color .2s,box-shadow .2s;overflow:hidden}.shortcut:hover{transform:translateY(-6px);box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 0 18px color-mix(in srgb,var(--accent) 24%,transparent)}.shortcut:focus-visible{outline:3px solid #fff;outline-offset:2px}.shortcut-icon{font-size:25px;color:color-mix(in srgb,var(--accent) 70%,white);line-height:1}.shortcut-title{font-weight:850;font-size:15px;white-space:normal}.shortcut-desc{font-size:11px;line-height:1.3;color:#e2f0e9}.shortcut-arrow{position:absolute;right:9px;bottom:10px;background:color-mix(in srgb,var(--accent) 60%,#043126);border-radius:100%;width:25px;height:25px;display:grid;place-items:center;font-size:13px}.blue{--accent:#2789ed}.green{--accent:#14c96e}.yellow{--accent:#d7b52c}.cyan{--accent:#09bbc4}.violet{--accent:#ab55e7}.amber{--accent:#ed922b}.preview-foot{text-align:center;font-size:10px;color:#b7cebf}@media(max-width:1080px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upper{min-height:475px}.intro h1{font-size:38px}}@media(max-width:700px){.screen{padding:12px;gap:12px}.upper{grid-template-columns:1fr;min-height:auto;gap:14px}.left-column{gap:15px}.intro h1{font-size:33px}.announcements{width:100%;min-height:auto}.ann-item{grid-template-columns:28px minmax(0,1fr)}.ann-date{grid-column:2}.login-card{max-width:100%}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts{padding:12px}.shortcut{min-height:115px}.ann-head h2{font-size:15px}}@media(max-width:400px){.shortcut-grid{grid-template-columns:1fr}.intro{padding:17px}.ann-link{padding:7px}.shortcut{min-height:95px}}@media(prefers-reduced-motion:reduce){.shortcut,.sign-in{transition:none}}

/* Etapa 61 - faixa horizontal economiza area da fotografia */
.announcements-ticker{width:100%;max-width:none;min-height:0;display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:12px;flex-wrap:nowrap}
.announcements-ticker .ann-head{flex:0 0 205px;min-width:0;gap:8px}
.announcements-ticker .ann-icon{font-size:23px}
.announcements-ticker .ann-head h2{font-size:14px;line-height:1.2}
.announcements-ticker .ann-head p{font-size:10px}
.ann-ticker{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:0}
.ann-viewport{min-width:0;flex:1;overflow:hidden;border-radius:8px}
.ann-track{display:flex;transition:transform .4s ease;will-change:transform}
.ann-slide{flex:0 0 100%;min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:6px 12px;background:rgba(14,80,56,.3);border-radius:8px}
.ann-flag{color:#76ebb4;background:rgba(20,139,81,.2);border:1px solid rgba(75,199,125,.25);border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.04em;padding:4px 5px;white-space:nowrap}
.ann-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.ann-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ann-copy small{font-size:11px;color:#aec6b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ann-nav{flex:0 0 24px;height:29px;border:1px solid rgba(101,195,145,.34);background:rgba(8,62,42,.68);border-radius:7px;color:#e4ffed;font-size:20px;line-height:1}
.ann-nav:hover,.ann-nav:focus-visible{border-color:#19c980;background:rgba(14,124,78,.6)}
.ann-count{font-size:10px;color:#acc7b8;white-space:nowrap}
.announcements-ticker .ann-link{flex:0 0 auto;margin-left:0;padding:8px 10px}
@media(max-width:1100px){.announcements-ticker{flex-wrap:wrap}.announcements-ticker .ann-head{flex-basis:100%}.ann-ticker{flex-basis:calc(100% - 115px)}}
@media(max-width:700px){.announcements-ticker{width:100%;gap:9px}.ann-ticker{flex-basis:100%;order:2}.announcements-ticker .ann-link{margin-left:auto}.ann-slide{gap:6px}.ann-copy strong{font-size:11px}.ann-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ann-track{transition:none}}

/* Etapa 62: cada comunicado e um link clicavel. */
.ann-slide{color:inherit;text-decoration:none;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.ann-slide:hover{background:rgba(26,126,78,.46);box-shadow:inset 0 0 0 1px rgba(89,233,154,.35)}
.ann-slide:focus-visible{outline:2px solid #57e29f;outline-offset:-2px}