html,body{min-height:100%;width:100%;font-family:Roboto,sans-serif;line-height:1.6;background:radial-gradient(1200px circle at 15% 15%,rgba(22,163,74,.12),transparent 55%),radial-gradient(900px circle at 85% 30%,rgba(22,163,74,.08),transparent 45%),#ffffff;color:#111827;margin:0}*{box-sizing:border-box}.index{align-items:center;display:flex;justify-content:center;min-height:100svh;width:100%;padding:1rem}h1,p{padding:0;margin:0}p{font-size:1.1rem}.content{width:min(64rem,100%);display:grid;gap:1.25rem;text-align:left}.hero{display:grid;gap:.75rem;padding:1.25rem 0 .25rem}.heroTop{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.logo{height:2rem;width:auto;display:block}h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.02em}.muted{color:#4b5563}.card{background:rgba(255,255,255,.9);border:1px solid rgba(17,24,39,.08);border-radius:.85rem;padding:1.1rem;box-shadow:0 10px 30px #1118270f;display:grid;gap:.75rem}.card h2{margin:0;font-size:1.15rem}.loginForm{display:flex;align-items:flex-end;justify-content:flex-start;gap:.85rem;flex-wrap:wrap}label{display:grid;gap:.2rem;max-width:20rem;text-align:left;font-size:1rem}input[type=text]{padding:.55rem .6rem;border-radius:.5rem;border:1px solid rgba(17,24,39,.16);outline:none}input[type=text]:focus{border-color:#16a34a99;box-shadow:0 0 0 3px #16a34a2e}button{padding:.6rem .8rem;border-radius:.55rem;border:1px solid rgba(17,24,39,.12);background:#16a34a;color:#fff;font-weight:600;cursor:pointer}button:hover{background:#12843d}button:active{background:#0f6b32}.hint{color:#6b7280;font-size:.92rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.5rem}.feature{background:rgba(255,255,255,.8);border:1px solid rgba(17,24,39,.06);border-radius:.85rem;padding:1rem;display:grid;gap:.35rem}.feature h3{margin:0;font-size:1.05rem}.feature p{margin:0;color:#4b5563;font-size:1rem}.steps{margin:0;padding-left:1.25rem;color:#374151}.footer{display:flex;align-items:center;gap:.65rem;padding:.25rem 0;color:#6b7280}.footer a{color:#065f46;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.footerSep{color:#11182740}@media only screen and (max-width: 56rem){.grid{grid-template-columns:1fr}h1{font-size:1.8rem}}