:root{--cs-primary: #57a8ea;--cs-purple: #2f215b;--cs-yellow: #fad503;--cs-error: #f76c6c;--cs-bg: #f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--cs-purple)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--cs-bg)}#app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.card{width:100%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #2f215b1a;padding:1.5rem;margin-top:4vh}.brand{display:flex;align-items:center;gap:.65rem;margin:1rem 0 .5rem}.brand h1{font-size:1.4rem;margin:0;color:var(--cs-purple);letter-spacing:.01em}.brand{width:100%;max-width:640px}.lang-picker{margin-left:auto;padding:.3rem .5rem;font-size:.85rem;color:var(--cs-purple);background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}label{display:block;font-weight:600;margin:1rem 0 .35rem}input{width:100%;padding:.65rem .75rem;font-size:1rem;border:1px solid #cbd5e1;border-radius:8px;color:var(--cs-purple)}input:focus{outline:2px solid var(--cs-primary);border-color:transparent}input.project{text-transform:uppercase}button.primary{width:100%;margin-top:1.5rem;padding:.8rem;font-size:1.05rem;font-weight:600;color:#fff;background:var(--cs-primary);border:none;border-radius:8px;cursor:pointer}button.primary:hover:not(:disabled){background:#4696d8}button.primary:disabled{opacity:.6;cursor:default}.help{margin-top:1.25rem;margin-bottom:0;font-size:.85rem;color:#7b8794}button.link{display:block;margin:1rem auto 0;padding:.25rem;font-size:.9rem;color:var(--cs-primary);background:none;border:none;cursor:pointer;text-decoration:underline}button.link:disabled{opacity:.6;cursor:default}.error{margin-top:1rem;padding:.75rem 1rem;background:#fdecea;color:var(--cs-error);border-radius:8px}.done{text-align:center;padding:2rem 1rem}.done .check{font-size:3rem;color:var(--cs-primary)}footer{margin-top:auto;padding:1rem;font-size:.8rem;color:#7b8794;text-align:center}footer p{margin:.25rem 0}footer .legal a{color:inherit;text-decoration:underline}footer .legal a:hover{color:var(--cs-purple)}