/* THE MANDA TIMES — acesso à edição confidencial | approved design */
:root{color-scheme:light;--paper:#f1dec7;--paper-light:#fff1df;--ink:#24191e;--magenta:#a91064;--edge:#8c645f;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:#161116}
body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 15% 12%,#623044,transparent 48%),#181119;font-family:var(--serif);color:var(--ink)}
.sheet{isolation:isolate;position:relative;overflow:hidden;max-width:800px;min-height:100vh;margin:0 auto;padding:29px clamp(30px,6vw,76px) 25px;text-align:center;background:radial-gradient(ellipse at 5% 9%,#fff7e883,transparent 51%),repeating-linear-gradient(0deg,#5b211506 0 1px,transparent 1px 5px),linear-gradient(110deg,#f1dcc5 0%,#f9e9d5 48%,#f1dcc5 100%);box-shadow:0 20px 80px #0007}
.sheet::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:16px 18px;border:2px solid #4c3330;border-radius:19px 5px 19px 5px;outline:1px solid #4c333045;outline-offset:4px}
.sheet::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:24px 26px;border:1px solid #4c333032}
.press{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px auto 8px;max-width:460px;color:#301f21}
.press .rule{height:1px;flex:1;background:#45302d}
.press svg{width:65px;height:44px;flex:none}
.masthead{font-family:var(--serif);line-height:.84;letter-spacing:-.076em;font-size:clamp(46px,9.4vw,82px);font-weight:900;margin:5px auto 15px;white-space:nowrap}
.masthead em{color:var(--magenta);font-weight:900;font-style:italic}
.masthead .times{display:block;font-size:1.17em;margin-top:4px}
.edition{display:flex;align-items:center;justify-content:center;gap:14px;font:800 clamp(10px,1.7vw,14px)/1.3 var(--sans);text-transform:uppercase;letter-spacing:clamp(2px,.75vw,5px);margin:6px 0 0;white-space:nowrap}
.edition::before,.edition::after{content:"";height:4px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);width:clamp(14px,7vw,85px)}
.envelope{height:100px;position:relative;margin:6px -12px 2px;isolation:isolate}
.envelope::before{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:3px;height:76px;background:linear-gradient(155deg,transparent 49.6%,#b18f7959 50%,transparent 50.4%) left/50% 100% no-repeat,linear-gradient(205deg,transparent 49.6%,#b18f7959 50%,transparent 50.4%) right/50% 100% no-repeat;opacity:.9}
.envelope::after{content:"";position:absolute;left:2%;right:2%;top:0;border-top:1px solid #8d6d5e63}
.seal{position:absolute;left:50%;top:4px;translate:-50% 0;display:grid;place-items:center;height:92px;width:92px;border-radius:52% 47% 53% 49% / 48% 53% 45% 54%;transform:rotate(-10deg);color:#f9d5e3;background:radial-gradient(circle at 28% 20%,#ef74a6 0%,#c12d79 23%,#951351 56%,#620a34 83%,#b32669 100%);border:5px double #e37da9;box-shadow:0 7px 10px #54223544,inset -5px -6px 9px #39072199,inset 3px 3px 6px #ffb2cd88;font:italic 900 29px var(--serif);text-shadow:1px 2px 2px #590a32;letter-spacing:-3px}
.seal::before{content:"";position:absolute;inset:9px;border:1px solid #f5bbd6a0;border-radius:50%}
.headline{margin:6px auto 10px;max-width:640px;font-size:clamp(40px,6.6vw,68px);line-height:.99;letter-spacing:-.053em;font-weight:900;text-wrap:balance}
.lockrule{display:flex;align-items:center;justify-content:center;gap:20px;max-width:385px;margin:20px auto 13px;color:var(--magenta)}
.lockrule span{height:2px;background:var(--magenta);flex:1}
.lockrule svg{width:26px;height:30px;flex:none}
.deck{font-size:clamp(16px,2vw,20px);line-height:1.37;margin:0 auto 20px;max-width:550px}
.entry{border:1.5px solid #ad3777;border-radius:13px 5px 13px 5px;margin:0 auto;padding:19px clamp(15px,3.6vw,26px) 20px;max-width:600px;text-align:left;background:#fff4e82b;position:relative}
.entry::before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #bd669342;border-radius:10px 3px 10px 3px}
.entry label{display:block;color:#981052;font:800 12px/1.3 var(--sans);letter-spacing:3px;margin:0 0 13px;position:relative}
.passfield{display:flex;align-items:stretch;position:relative}
.passfield input{display:block;min-width:0;width:100%;height:57px;border:1.5px solid #3c2b2b;border-radius:9px;background:#fff8f0;color:var(--ink);padding:12px 56px 12px 15px;font:20px var(--sans);outline-offset:3px}
.passfield input:focus-visible{outline:2px solid #b6357c}
.reveal{position:absolute;right:2px;top:2px;bottom:2px;width:52px;background:transparent;color:#6e5857;border:0;display:grid;place-items:center;cursor:pointer}
.reveal svg{width:23px;height:23px}
.reveal:focus-visible{outline:2px solid var(--magenta);border-radius:5px}
.error{position:relative;color:#9d1645;font:700 13px/1.4 var(--sans);margin:13px 0 0}
.submit{margin-top:17px;width:100%;min-height:56px;border:1px solid #7e1647;border-radius:9px;color:#fff6ec;background:linear-gradient(180deg,#ad1467 0%,#870d4e 100%);box-shadow:0 4px 0 #5d113b,0 7px 8px #44203044,inset 0 0 0 2px #f0a8cc99;cursor:pointer;font:800 14px/1.2 var(--sans);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .16s ease,filter .16s ease}
.submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.submit:active{transform:translateY(2px);box-shadow:0 2px 0 #5d113b}
.submit span{font-size:24px;line-height:0}
.footerornament{display:flex;align-items:center;justify-content:center;gap:17px;margin:27px auto 4px;max-width:340px;color:#412f2b}
.footerornament .rule{height:1px;background:#6d4a43;flex:1}
.footerornament svg{width:50px;height:38px}
@media(max-width:650px){.sheet{padding:19px 28px 25px}.sheet::before{inset:12px 12px;border-width:1.5px}.sheet::after{inset:18px}.press{margin:12px auto 10px;gap:12px}.press svg{width:50px;height:34px}.masthead{font-size:clamp(41px,10.8vw,62px)}.edition{font-size:10px;letter-spacing:2.5px;gap:8px}.edition::before,.edition::after{width:18px}.envelope{height:81px;margin:8px -8px 0}.envelope::before{height:65px}.seal{height:75px;width:75px;font-size:25px}.headline{font-size:clamp(35px,9.3vw,53px);margin:8px auto 8px}.lockrule{margin:14px auto 11px;gap:14px;max-width:280px}.lockrule svg{height:24px;width:21px}.deck{font-size:16px;line-height:1.36;margin-bottom:17px}.entry{padding:16px 15px 18px}.entry label{font-size:11px;letter-spacing:2.4px}.submit{font-size:12px;letter-spacing:1.7px}.footerornament{margin-top:24px}}
@media(max-width:370px){.sheet{padding:19px 22px 24px}.masthead{font-size:39px}.edition{font-size:9px}.headline{font-size:34px}.deck{font-size:15px}.press{margin-top:6px}.entry{padding:14px 12px}.passfield input{height:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}