@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap";:root{--cor-primaria: #00A9FF;--cor-texto: #EAEAEA;--cor-fundo: #00071660;--cor-borda: #444444;--font-principal: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--cor-secundaria: #003F63;--cor-destaque: #00C8FF;--cor-sucesso: #4CAF50;--cor-erro: #F44336;--cor-aviso: #FFC107;--cor-sombra: rgba(0, 0, 0, .5);--transicao-rapida: .2s ease-in-out;--transicao-media: .4s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-principal);background-color:var(--cor-fundo);background-image:radial-gradient(circle at center,#1a2333,#0c0d14);color:var(--cor-texto);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden;position:relative}main.form-container{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;min-height:100vh;overflow-y:auto}.container{background-color:var(--cor-secundaria);border-radius:15px;padding:30px;box-shadow:0 10px 30px var(--cor-sombra);width:100%;max-width:600px;text-align:center;position:relative;z-index:1;border:1px solid var(--cor-borda)}h1{color:var(--cor-destaque);margin-bottom:30px;font-weight:600}p{margin-bottom:15px;line-height:1.6}.nav-btn{background-color:var(--cor-primaria);color:var(--cor-texto);border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color var(--transicao-rapida),transform var(--transicao-rapida);margin:10px 5px;box-shadow:0 4px 10px #0000004d}.nav-btn:hover{background-color:var(--cor-destaque);transform:translateY(-2px)}.nav-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #0000004d}.nav-btn:disabled{background-color:#555;cursor:not-allowed;transform:none;box-shadow:none}input[type=text],input[type=email],input[type=number],textarea{width:calc(100% - 20px);padding:12px;margin:10px 0;border:1px solid var(--cor-borda);border-radius:8px;background-color:var(--cor-fundo);color:var(--cor-texto);font-family:Inter,sans-serif;font-size:1em;transition:border-color var(--transicao-rapida),box-shadow var(--transicao-rapida)}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus{border-color:var(--cor-destaque);outline:none;box-shadow:0 0 0 3px #00c8ff4d}.option-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.option-group label{background-color:var(--cor-primaria);color:var(--cor-texto);padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color var(--transicao-rapida),transform var(--transicao-rapida);border:1px solid var(--cor-borda);display:inline-block}.option-group input[type=checkbox],.option-group input[type=radio]{display:none}.option-group input[type=checkbox]:checked+label,.option-group input[type=radio]:checked+label{background-color:var(--cor-destaque);transform:scale(1.05);border-color:var(--cor-destaque)}.option-group label:hover{background-color:var(--cor-destaque);transform:translateY(-2px)}.tela{display:none;opacity:0;transition:opacity var(--transicao-media)}.tela.ativa{display:block;opacity:1}.progress-bar-container{width:100%;background-color:var(--cor-fundo);border-radius:5px;margin-top:20px;height:10px;overflow:hidden;border:1px solid var(--cor-borda)}.progress-bar{height:100%;width:0%;background-color:var(--cor-destaque);border-radius:5px;transition:width var(--transicao-media)}.logo-asas{max-width:150px;margin-bottom:20px}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:-2}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 10s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@media (max-width: 768px){.container{padding:20px}h1{font-size:1.8em;margin-bottom:15px}p{font-size:.95em;margin-bottom:10px}.nav-btn{padding:10px 20px;font-size:.9em;margin:8px 4px}input[type=text],input[type=email],input[type=number],textarea{padding:10px;font-size:.9em}.option-group{flex-direction:column;gap:8px}.option-group label{width:100%;padding:12px 15px;font-size:.9em}.logo-asas{max-width:120px}}@media (max-width: 480px){.container{padding:15px;border-radius:10px}h1{font-size:1.5em;margin-bottom:10px}p{font-size:.9em}.nav-btn{padding:8px 15px;font-size:.85em;margin:5px 3px}input[type=text],input[type=email],input[type=number],textarea{padding:8px;font-size:.85em}.option-group label{padding:10px 12px;font-size:.85em}.logo-asas{max-width:100px}}
