:root{color-scheme:light;--wine:#800d35;--deep:#500d24;--rose:#a52455}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#400b1e;color:#fff}.access-scene{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:60% 40%;align-items:center}.brand-scene{position:relative;min-height:100svh;width:100%;display:flex;flex-direction:column;padding:5.5vh 4.8vw;background:radial-gradient(ellipse at 65% 5%,#ab3b5c77,transparent 58%),radial-gradient(ellipse at 0 0,#a5245566,transparent 32%),linear-gradient(135deg,#480d21,#300915 80%);overflow:hidden;align-self:stretch}.halo{position:absolute;inset:-35% -20% auto 35%;height:95%;border-radius:50%;background:linear-gradient(140deg,#ac325844,transparent 70%);transform:rotate(-35deg)}.motto{position:relative;z-index:2;font-size:clamp(9px,.76vw,12px);letter-spacing:2.8px;font-weight:500;display:flex;gap:15px;align-items:center;color:#e3bec9;white-space:nowrap}.motto span{color:#eee;font-size:13px}.motto i{height:1px;background:#bd7c9155;width:85px;margin-left:5px}.brand-copy{position:relative;z-index:3;margin:15vh 0 auto;max-width:700px;animation:copy-in 1s cubic-bezier(.2,.7,.2,1) both}.brand-copy h1{font:400 clamp(65px,7.8vw,135px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 24px;text-shadow:0 2px 25px #1c071522;white-space:nowrap}.brand-copy h1>span{display:block;font:italic 400 .64em/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin-bottom:4px}.brand-copy h2{font:400 clamp(20px,2.25vw,38px)/1.3 Georgia,'Times New Roman',serif;display:flex;align-items:center;gap:24px;letter-spacing:-.02em;margin:0 0 22px;white-space:nowrap}.brand-copy h2>i{display:inline-block;width:70px;height:1px;background:#eab5c7;flex-shrink:0}.brand-copy p{font-size:clamp(14px,1.36vw,22px);font-weight:300;line-height:1.45;color:#e1cbd2;margin:0}.watermark{position:absolute;width:76%;height:96%;right:-12%;top:4%;object-fit:contain;object-position:top;opacity:.12;filter:saturate(.5);mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 50%,transparent 90%)}.gavel{position:absolute;z-index:1;left:0;right:0;bottom:0;height:39%;background-image:linear-gradient(to bottom,#350917 0%,transparent 26%,transparent 65%,#2e081754),url('/brand/martelo.webp');background-position:center top,center bottom;background-size:cover;background-repeat:no-repeat;pointer-events:none;animation:fade-in 1.5s both}.restricted{position:relative;z-index:3;font-size:10px;letter-spacing:3px;font-weight:550;display:flex;align-items:center;gap:20px;padding-top:20vh;margin-top:4vh}.restricted i{height:1px;background:#d1a6b5;width:95px}.light-scene{position:absolute;z-index:0;left:68%;top:-20%;height:140%;width:70%;background:linear-gradient(135deg,#fff,#eee9e7);border-radius:50% 0 0 50%;box-shadow:-20px 0 80px #ffffff0d;transform:rotate(-3deg)}.light-scene:before{content:'';position:absolute;inset:-20px 0 -20px -18px;border:2px solid #a5245599;border-radius:inherit}.light-scene:after{content:'';position:absolute;inset:-10% 0 0 20%;border:75px solid #b0e0e62e;border-radius:50%}.light-scene i{position:absolute;width:130%;height:25%;top:63%;left:-10%;transform:rotate(-36deg);background:linear-gradient(#fff0,#fff9,#fff0)}.access-card{position:relative;z-index:4;grid-column:2;width:min(34vw,530px);margin-left:-1.5vw;padding:35px 40px 26px;background:linear-gradient(145deg,#fffdfdf5,#f5f1eef5);border:1px solid #ffffffdf;border-radius:26px;box-shadow:0 25px 70px #330b2533,inset 0 0 0 1px #e9e0e4;color:#333;animation:card-in .9s .12s cubic-bezier(.2,.7,.2,1) both;backdrop-filter:blur(14px)}.logos{height:clamp(125px,13vw,200px);display:flex;align-items:center;justify-content:center;gap:27px;margin-bottom:20px}.logos img{object-fit:contain;display:block;width:auto;max-width:43%;height:100%}.logos .np-logo{height:90%;border-radius:50%}.logos .josi-logo{height:100%}.logos>span{width:1px;height:75%;background:#d9cfd3;flex-shrink:0}.access-card h2{display:flex;align-items:center;justify-content:center;gap:12px;font:600 clamp(9px,1vw,14px)/1.5 Georgia,'Times New Roman',serif;letter-spacing:3.5px;white-space:nowrap;margin:0 0 14px;color:#7c3d54}.access-card h2 i{height:1px;min-width:16px;flex:1;background:#b77b90}.intro{font-size:clamp(13px,1.1vw,17px);color:#989295;text-align:center;margin:0 0 34px;line-height:1.5}form label{display:block;font-size:15px;color:#62595e;margin-bottom:8px}.password-field{height:54px;display:flex;background:#fff9;border:1px solid #d7cfd3;border-radius:12px;box-shadow:inset 0 1px 2px #4b0b2410,0 3px 12px #4b0b2405;transition:box-shadow .2s,border-color .2s}.password-field:focus-within{border-color:#a52455;box-shadow:0 0 0 4px #800d3510}input{font:18px Arial,sans-serif;border:0;width:100%;min-width:0;padding:0 15px;background:transparent;outline:none;color:#4e2635;border-radius:12px}button{cursor:pointer;touch-action:manipulation;font:inherit}button:focus-visible{outline:3px solid #a52455;outline-offset:4px}#toggle-password{border:0;background:none;color:#7e7b7d;padding:0 14px;display:grid;place-items:center}svg{width:23px;height:23px;flex-shrink:0}.eye-slash{display:none}[aria-pressed=true] .eye-slash{display:block}.enter{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:59px;margin-top:24px;border:0;border-radius:12px;background:linear-gradient(110deg,#a52455,#650b2b 88%);color:#fff;font-size:17px;box-shadow:0 7px 16px #800d351a;transition:transform .22s,box-shadow .22s,filter .22s}.enter svg{position:absolute;right:20px;transition:transform .22s}.enter:hover{filter:brightness(1.09);transform:translateY(-2px);box-shadow:0 10px 24px #800d352e}.enter:hover svg{transform:translateX(4px)}.enter:active{transform:translateY(0)}.enter:disabled{opacity:.7;cursor:wait;transform:none}.enter:disabled svg{display:none}.access-note{font-size:10px;color:#a5949c;text-align:center;margin:22px 0 0;letter-spacing:.2px}#access-error{color:#a0173c;font-size:12px;line-height:1.5;margin-top:0}#access-error:not(:empty){margin-top:12px;padding:10px 12px;border-radius:8px;background:#f8e8ed;animation:error-in .2s ease}.password-field.invalid{border-color:#b43e5e}@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes error-in{from{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1700px){.access-card{margin-left:1vw}.brand-copy{margin-top:18vh}.brand-scene{padding-left:6vw}.light-scene{left:70%}}
@media(max-width:1100px) and (min-width:761px){.access-scene{grid-template-columns:55% 45%}.brand-scene{padding-left:4vw}.brand-copy h1{font-size:8vw}.brand-copy h2{font-size:2.35vw;gap:16px}.brand-copy h2 i{width:35px}.brand-copy p{font-size:15px}.brand-copy{margin-top:18vh}.motto{font-size:8px;letter-spacing:1.4px;gap:9px}.motto i{width:30px}.access-card{width:40vw;margin-left:0;padding:30px 25px;border-radius:22px}.logos{gap:20px;height:145px}.access-card h2{font-size:10px;letter-spacing:2px}.light-scene{left:69%}}
@media(max-width:760px){.access-scene{display:flex;flex-direction:column;min-height:100svh;overflow:hidden;padding:0 22px 28px;background:radial-gradient(ellipse at 90% 50%,#a5245522,transparent 60%),#430c20}.brand-scene{min-height:0;padding:27px 0 18px;overflow:visible;background:none;width:min(100%,480px)}.motto{font-size:8px;letter-spacing:1.5px;gap:11px}.motto i{width:35px}.brand-copy{margin:37px 0 18px}.brand-copy h1{font-size:clamp(55px,12vw,85px);margin-bottom:16px;white-space:normal}.brand-copy h1>span{display:inline;font-size:.65em;margin-right:10px;line-height:1.2}.brand-copy h2{font-size:clamp(23px,5vw,31px);gap:14px;margin-bottom:14px}.brand-copy h2 i{width:35px}.brand-copy p{font-size:13px;line-height:1.6;color:#d8b7c4}.desktop-break{display:none}.watermark{width:64%;height:340px;right:-20px;top:25px;opacity:.09}.gavel,.restricted{display:none}.light-scene{left:55%;top:28%;width:160%;height:150%;opacity:.9;transform:rotate(18deg);border-radius:50%}.light-scene:after{border-width:40px}.access-card{grid-column:auto;width:min(100%,480px);padding:28px 26px 23px;margin:0;border-radius:22px;box-shadow:0 20px 45px #1d081c33}.logos{height:135px;gap:25px;margin-bottom:22px}.access-card h2{font-size:10px;letter-spacing:2.2px;gap:10px}.intro{font-size:14px;margin-bottom:25px}.access-note{font-size:10px;margin-top:19px}.enter{font-size:16px;height:55px}.password-field{height:52px}}
@media(max-width:370px){.access-scene{padding:0 16px 22px}.access-card{padding:23px 20px}.motto{gap:8px;letter-spacing:1px;font-size:7px}.brand-copy{margin-top:29px}.brand-copy h1{font-size:53px}.brand-copy h2{font-size:23px}.logos{height:115px}.access-card h2{font-size:9px;letter-spacing:1.7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Mantém apenas a figura na marca-d'água e suaviza o rodapé da foto. */
.watermark{clip-path:inset(0 0 41% 0)}
.gavel{background-image:linear-gradient(to bottom,#350917 0%,transparent 26%,transparent 50%,#2e0817 73%),url('/brand/martelo.webp')}
@media(max-width:1100px) and (min-width:761px){.access-card{padding-top:26px;padding-bottom:20px}.logos{height:125px}.intro{margin-bottom:26px}}
/* Nova fotografia: composição inteira, sem cortar o martelo ou inclinar a base. */
.gavel{height:auto;aspect-ratio:2.5;bottom:2.5%;background-image:url('/brand/martelo-original.webp');background-size:contain;background-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 91%,transparent 100%)}

/* Textos e marcas reais permanecem nítidos; a composição cabe inteira na tela. */
.reference-stage{display:contents}.brand-scene{padding:5.5vh 4.8vw}.brand-copy{margin-top:17vh}.brand-copy h1{font-size:clamp(66px,7.3vw,128px)}.brand-copy h2{font-size:clamp(22px,2.1vw,35px)}
.access-scene{grid-template-columns:61% 39%;min-height:100svh}.access-card{grid-column:2;width:min(33vw,540px);margin-left:-1.5vw;padding:32px 35px 25px;backdrop-filter:none}.logos{height:clamp(125px,12vw,190px)}.logos img{max-width:43%;object-fit:contain}.logos .np-logo{border-radius:0}.light-scene{left:67%}
.watermark{width:75%;height:90%;right:-9%;top:3%;object-fit:contain;opacity:.13}.gavel{left:0;right:auto;width:92%;aspect-ratio:2.5;bottom:1%;background-image:url('/brand/martelo-hd.webp');background-size:contain;background-position:center bottom;mask-image:linear-gradient(transparent,#000 20%,#000 88%,transparent);opacity:.95}.restricted{padding-top:22vh}
@media(min-width:1700px){.brand-scene{padding-left:6vw}.brand-copy{margin-top:18vh}.access-card{margin-left:0}}
@media(max-width:1100px) and (min-width:761px){.access-scene{grid-template-columns:55% 45%}.brand-copy h1{font-size:7.8vw}.brand-copy h2{font-size:2.3vw;gap:14px}.access-card{width:40vw;margin-left:0;padding:25px}.logos{height:130px}.brand-copy{margin-top:16vh}}
@media(min-width:761px) and (max-aspect-ratio:6/5){.access-scene{display:flex;flex-direction:column;padding:0 25px 40px}.brand-scene{width:min(100%,700px);min-height:0;padding:35px 0 25px;background:none}.brand-copy{margin:50px 0 25px}.brand-copy h1{font-size:90px}.brand-copy h2{font-size:30px}.restricted,.gavel{display:none}.access-card{width:min(100%,540px);margin:0}.light-scene{left:65%;top:20%}}
@media(max-width:760px){.access-scene{display:flex;min-height:100svh}.brand-scene{padding:27px 0 18px}.brand-copy{margin:37px 0 18px}.brand-copy h1{font-size:clamp(50px,11.5vw,85px)}.brand-copy h2{font-size:clamp(20px,4.7vw,31px);white-space:normal}.access-card{width:min(100%,480px);margin:0;padding:28px 26px 23px}.logos{height:135px}.gavel,.restricted{display:none}}
.brand-copy h2{text-transform:uppercase}

/* Marcas fornecidas preservadas e figura inteira dentro da composição. */
.watermark{width:68%;height:auto;right:3%;top:3%;object-fit:contain;object-position:top;clip-path:inset(0 0 41% 0);mask-image:none}

.logos .np-logo{border-radius:50%}
@media(max-width:760px){.watermark{width:61%;height:auto;right:0;top:16px;opacity:.09}}