:root{--pico-primary:#1e3a5f;--pico-primary-hover:#3b82f6;--pico-primary-focus:#3b82f640;--pico-primary-inverse:#f8f8f8;--pico-color:#2d3748;--pico-background-color:#faf9f7}body{background:linear-gradient(#faf9f7 0%,#f0eeeb 100%);min-height:100vh}nav{background:#1e3a5f;padding:.75rem 1rem}nav ul{flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}nav li{padding:0}nav a{color:#f8f8f8;border-radius:4px;align-items:center;min-height:48px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;display:flex}nav a:hover{color:#fff;background:#ffffff26}header{color:#f8f8f8;text-align:center;background:linear-gradient(135deg,#1e3a5f 0%,#2a5a8f 50%,#3b82f6 100%);padding:3rem 1rem}header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem}header p{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.15rem}a[role=button]{color:#fff;background:#3b82f6;border-color:#3b82f6;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}a[role=button]:hover{background:#1e3a5f;border-color:#1e3a5f}.signup-section{background:#fff;border:2px solid #1e3a5f;border-radius:12px;margin:2rem 0;padding:2rem}.signup-section h2{color:#1e3a5f;text-align:center}.photo-preview{cursor:pointer;border:3px dashed #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden}.photo-preview img,.photo-preview canvas{object-fit:cover;width:100%;height:100%}.photo-hint{text-align:center;color:#3b82f6;margin-bottom:1rem;font-size:.9rem}.red-asterisk{color:#e53e3e}footer{color:#ffffffd9;text-align:center;background:#1e3a5f;margin-top:3rem;padding:2rem 1rem}footer a{color:#93c5fd}footer p{margin:.25rem 0;font-size:.9rem}section{margin:2rem 0}main{max-width:800px;margin:0 auto;padding:1rem}