.home-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem 1.5rem; }
.secondary-cta { color:#9ae9dc; display:inline-block; font-weight:650; margin-top:1rem; text-underline-offset:.25em; }
.home-section { margin-top:5rem; scroll-margin-top:2rem; }
.home-section h2 { font-size:clamp(1.7rem,4vw,2.5rem); letter-spacing:-.03em; line-height:1.15; }
.home-section p { color:#c4d0e0; line-height:1.75; max-width: 52rem; }
.home-section a,.auth-help a { color:#9ae9dc; overflow-wrap:anywhere; }
.feature-grid { margin-top:2rem; }
.feature-grid h3 { font-size:1.15rem; margin:1rem 0 .6rem; }
.about-panel { border-left:3px solid #56d5c4; padding:1rem 0 1rem 2rem; }
.auth-shell { width:100%; max-width:32rem; margin:0 auto; }
.auth-shell h1 { font-size:clamp(2.5rem,6vw,4rem); }
.auth-form { display:grid; gap:.75rem; margin:2rem 0; padding:1.5rem; border:1px solid #284362; border-radius:.8rem; background:#10243d; }
.auth-form label { font-weight:650; }
.auth-form input { color:#e9f0fa; background:#081629; border:1px solid #58718d; border-radius:.4rem; padding:.85rem; font:inherit; width:100%; }
.auth-form input + label { margin-top:.65rem; }
.auth-form button { border:0; cursor:pointer; font:inherit; font-weight:750; }
.auth-help { color:#b6c5d8; line-height:1.65; }
.auth-error { border-left:3px solid #ffab9d; background:#432730; padding:1rem; color:#ffddd6; line-height:1.6; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #56d5c4; outline-offset:4px; }
@media(max-width:36rem) { .home-section { margin-top:3rem; } .about-panel { padding-left:1rem; } }