:root{--navy:#123d68;--blue:#3a98d4;--blue-strong:#267ab5;--ink:#f4f8fc;--muted:#b4c0cf;--line:#294864;--bg:#061525;--surface:#0d2137;--surface-raised:#112a43;--field:#081a2c;--good:#55cf91;--danger:#ff9292;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% -18%,#173b5f 0,transparent 42%),var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#8fd0f8}.top{background:var(--navy);color:#fff;padding:14px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3972a4;box-shadow:0 8px 24px #020a1280}.header-logo{display:block;width:142px;height:auto}.shell{max-width:1180px;margin:32px auto;padding:0 24px}.card{background:linear-gradient(145deg,var(--surface-raised),var(--surface));border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 36px #02091366}.hero{padding:28px}.eyebrow{color:#86cbf6;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero h1{margin:6px 0 8px;font-size:28px}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-top:22px}.steps{padding:14px}.step{display:flex;width:100%;text-align:left;border:0;background:transparent;padding:12px;border-radius:8px;color:var(--muted);gap:10px}.step:hover{background:#183652;color:#e9f5fd}.step.active{background:#1d4f78;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #438fbd}.step.done:before{content:"✓";color:var(--good)}.step:not(.done):before{content:"○"}.content{padding:28px}.progress{height:7px;background:#0a1929;border-radius:99px;margin:18px 0 28px;box-shadow:inset 0 1px 2px #0008}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-strong),#65b8ea);border-radius:inherit;transition:width .2s}.content h2{margin:0 0 22px;font-size:22px}.field{margin:0 0 17px}.field label{display:block;font-size:14px;font-weight:650;margin-bottom:7px;color:#dce8f3}.field input,.field textarea{width:100%;border:1px solid #385872;border-radius:8px;padding:11px 12px;color:var(--ink);background:var(--field);box-shadow:inset 0 1px 1px #0005}.field input::placeholder,.field textarea::placeholder{color:#8394a7}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field textarea:focus{outline:3px solid #4fa7da55;border-color:#69b7e5;background:#0b2034}.error{font-size:13px;color:var(--danger);margin:5px 0 0}.actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.right{display:flex;gap:10px;margin-left:auto}.button{border:1px solid #4b89b3;border-radius:8px;padding:10px 15px;background:#153554;color:#dff2ff;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover{background:#1b466d;border-color:#6db9e8}.button.primary{background:var(--blue-strong);border-color:#58a8d8;color:#fff}.button.primary:hover{background:#328bc5}.button.danger{background:#157a51;border-color:#42b880;color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.notice{padding:12px 14px;border-radius:8px;background:#123e31;color:#c0f3d5;border:1px solid #2c7b5a;margin:0 0 18px}.warning{background:#4a3515;color:#ffe0a0;border-color:#8d6825}.review-section{margin:18px 0;border:1px solid var(--line);border-radius:10px;padding:16px;background:#0a1b2d}.review-section h3{font-size:15px;margin:0 0 10px;color:#90d3fa}dl{margin:0}dt{color:var(--muted);font-size:13px;margin-top:9px}dd{margin:2px 0 0;white-space:pre-wrap;color:#f4f8fc}.admin{max-width:1000px;margin:32px auto;padding:0 24px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login{max-width:420px;margin:80px auto;padding:28px}.table{width:100%;border-collapse:collapse;margin-top:18px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:#bcd6e9;font-weight:700}.table td:last-child{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:13px;padding:7px 9px}.status{font-size:12px;font-weight:700;color:#86cbf6}.done{color:var(--good)}.hidden{display:none}.completion-logo{display:block;width:190px;height:auto;margin:0 0 20px}.institutional{font-weight:700;color:#8fd0f8}.completion{background:linear-gradient(145deg,#112d47,#0d2137)}
.opening{min-height:100dvh;display:grid;place-content:center;gap:22px;isolation:isolate;text-align:center;padding:32px;background:radial-gradient(ellipse at 50% 38%,#193d62 0,#0b1e35 38%,#061222 76%,#040b15 100%);overflow:hidden}.opening:before,.opening:after{content:"";position:absolute;pointer-events:none;inset:auto;border-radius:50%;filter:blur(2px);z-index:-1}.opening:before{width:min(74vw,900px);height:min(74vw,900px);top:-30%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#3684ba20 0,transparent 68%)}.opening:after{width:38vw;height:38vw;bottom:-25%;right:-10%;background:radial-gradient(circle,#2f699622 0,transparent 70%)}.opening-halo{position:absolute;z-index:-1;width:min(62vw,680px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-56%);border-radius:50%;background:radial-gradient(circle,#8bc8ee22 0,#3a78a515 35%,transparent 68%);filter:blur(10px);animation:intro-halo 4.8s ease-out both}.intro-logo{width:min(620px,88vw);aspect-ratio:3124/765;position:relative;margin:auto;filter:drop-shadow(0 10px 30px #0008)}.intro-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.intro-symbol{clip-path:inset(0 75% 0 0);animation:intro-symbol .8s cubic-bezier(.16,1,.3,1) both}.intro-word{clip-path:inset(0 0 0 25%);animation:intro-word 1.05s .8s cubic-bezier(.16,1,.3,1) both}.intro-static{display:none;width:min(620px,88vw);height:auto;margin:auto;filter:drop-shadow(0 10px 30px #0008)}.intro-copy{opacity:0;transform:translateY(10px);animation:intro-copy .6s 3.1s ease-out both}.intro-copy h1{font-size:clamp(25px,3.2vw,36px);margin:0 0 10px;color:#f4f8fb;letter-spacing:-.02em}.intro-copy p{margin:0;color:#c8d8e6;font-size:clamp(15px,1.6vw,17px)}.intro-button{min-width:205px;opacity:1;background:linear-gradient(135deg,#4b9cd0,#236da9);border-color:#78bde9;color:#fff;box-shadow:0 8px 22px #0006;transition:transform .2s ease,box-shadow .2s ease}.intro-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0008}.intro-button:focus-visible,.button:focus-visible{outline:3px solid #a5dcff;outline-offset:3px}@keyframes intro-symbol{from{opacity:0;transform:scale(.82);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes intro-word{from{opacity:0;transform:translateX(34px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes intro-copy{to{opacity:1;transform:translateY(0)}}@keyframes intro-halo{from{opacity:0;transform:translate(-50%,-56%) scale(.8)}55%{opacity:1}to{opacity:.75;transform:translate(-50%,-56%) scale(1)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.intro-logo,.opening-halo{display:none}.intro-static{display:block}.intro-copy{opacity:1;transform:none}}@media(max-width:760px){.shell{margin:18px auto;padding:0 14px}.top{padding:12px 16px}.header-logo{width:116px}.hero{padding:22px}.hero h1{font-size:23px}.layout{display:block}.steps{display:flex;overflow:auto;padding:8px;margin-bottom:14px}.step{min-width:180px}.content{padding:21px}.admin{padding:0 14px}.admin-grid{grid-template-columns:1fr}.table{display:block;overflow:auto}.actions{flex-wrap:wrap}.right{margin-left:0;width:100%;justify-content:flex-end}.opening{padding:24px 16px;gap:20px}.intro-logo,.intro-static{width:min(540px,92vw)}.intro-copy p{font-size:16px}.intro-button{width:min(100%,340px)}}
:root{--opening-media-width:min(620px,88vw)}.opening-media{width:var(--opening-media-width);aspect-ratio:3124/765;position:relative;margin:auto}.opening-css{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s ease}@media(max-width:760px){.opening-media{width:min(540px,92vw)}}

/* Refinamento institucional: contraste, profundidade e estados de interação. */
html,body{max-width:100%;overflow-x:hidden}body{background:radial-gradient(ellipse 72% 46% at 50% -12%,#1a4268 0,transparent 57%),linear-gradient(180deg,#071a2e 0,#061525 48%,#051221 100%)}.top{background:linear-gradient(90deg,#123d68,#164d7d);border-bottom-color:#4382b5}.card{box-shadow:0 16px 42px #02091373,0 1px 0 #5c9cc21c inset}.hero{background:linear-gradient(135deg,#132f4a,#0d2137)}.hero h1,.content h1{letter-spacing:-.025em}.eyebrow{letter-spacing:.105em}.steps{background:linear-gradient(180deg,#102940,#0b1e32)}.step{align-items:center;min-height:46px}.step.active{background:linear-gradient(90deg,#1d527d,#194365);box-shadow:inset 3px 0 0 #65b8ea,inset 0 0 0 1px #438fbd}.step.done{color:#d6e9f5}.field input,.field textarea{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.field input:hover,.field textarea:hover{border-color:#53738c}.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px #4fa7da35,inset 0 1px 1px #0005}.button{min-height:42px;box-shadow:0 3px 10px #020a124d}.button.primary{background:linear-gradient(135deg,#2d86c1,#236da9);box-shadow:0 6px 16px #0715258c}.button.primary:hover{background:linear-gradient(135deg,#3b96cf,#287bb8)}.progress{border:1px solid #17364f;background:#071725}.progress i{box-shadow:0 0 12px #57aceb55}.review-section{background:linear-gradient(135deg,#0d2338,#091b2d)}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.table thead{background:#102b44}.table tbody tr{transition:background .16s ease}.table tbody tr:hover{background:#122d46}.table th,.table td{vertical-align:middle}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #32668a;border-radius:999px;background:#102b43;color:#9bd7f9;white-space:nowrap}.status.done{border-color:#317c60;background:#103627}.login{background:linear-gradient(145deg,#153654,#0c2035)}.opening{width:100%;contain:paint;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#1a4269 0,#0b213a 37%,#061525 75%,#040c16 100%)}.opening-media{overflow:hidden;filter:drop-shadow(0 18px 34px #02081299)}.intro-button{border-radius:10px}.completion{border-color:#39749e}@media(max-width:760px){.content{border-radius:12px}.table th,.table td{white-space:nowrap}.admin .content{padding:18px}.actions .button{flex:1}.right .button{flex:1}.opening-media{filter:drop-shadow(0 12px 24px #02081299)}}@media(forced-colors:active){.button,.field input,.field textarea{border:1px solid CanvasText}}

.opening-flow{min-height:100dvh;background:#061525}.institutional-opening{visibility:hidden;opacity:0;transition:opacity .42s ease}.institutional-opening.is-active{visibility:visible;opacity:1}

/* Abertura institucional: azul apenas como acento, com base azul-petróleo escura. */
.opening-flow{background:#07111d}.institutional-opening{background:radial-gradient(ellipse 58% 42% at 50% 33%,#102033 0,rgba(12,23,35,.72) 35%,#0b1220 67%,#07111d 100%)}.institutional-opening:before{background:radial-gradient(circle,#4c7a9910 0,transparent 68%)}.institutional-opening:after{background:radial-gradient(circle,#315a7610 0,transparent 70%)}.institutional-opening .opening-halo{background:radial-gradient(circle,#7fa5b512 0,#3860770c 34%,transparent 68%);filter:blur(14px)}