*{ box-sizing:border-box; } 
html,body{ margin:0; padding:0; } 
body{ 
    background:var(--color-bg); 
    color:var(--color-fg); 
    font-family:var(--font-body); 
    line-height:1.5; 
} 

.hero
{
    background:
        linear-gradient(to top, rgba(0, 0, 0,.55), rgba(0, 0, 0,.15)),
        url("img/hero.jpg") center/cover no-repeat;
    color:#b1f6ff;
    padding: clamp(2rem, 6vw, 6rem) 1rem;
    border-radius:var(--radius);
    min-height: 400px;
    display: flex;
    align-items: center;
}

.form-actions {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-top: 20px;
}

.container{ width:min(100% - 2*var(--space-4), 1120px); margin-inline:auto; } 
.section{ padding-block:var(--space-5); } 
.section__title{ margin:0 0 var(--space-3); }  

:root{ 
    --color-bg:#fff; --color-fg:#0b0b0b; --color-muted:#666; --color-primary:#0a84ff; --color-danger:#b00020; 
    --font-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:40px; 
    --radius:12px; --shadow:0 1px 2px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08); 
} 

body.theme-dark{ --color-bg:#0b0b0b; --color-fg:#f5f5f5; --color-muted:#aaa; --color-primary:#6aa2ff; 
} 

a:link{} a:visited{} a:hover{} a:active{} 

:where(a,button,input,select,textarea):focus-visible{ 
    outline:2px solid var(--color-primary); 
    outline-offset:2px; 
}

:disabled,[aria-disabled="true"]{opacity:.6;cursor:not-allowed;}

html{ scroll-behavior:smooth; }
:target{ outline:2px dashed var(--color-primary); outline-offset:4px; }

label { display: block; margin: 0.5rem 0 0.25rem; } 
input, select, textarea, button { 
    width: 100%; 
    max-width: 480px; 
    padding: .5rem .75rem; 
    border: 1px solid #c8c8c8; 
    border-radius: 8px; 
    background: #fff; 
} 

button, [type="submit"] { 
    background: #0a84ff; 
    color: #fff; 
    border: none; 
    cursor: pointer; 
} 

button:hover { filter: brightness(0.95); } 
:disabled, [aria-disabled="true"] { opacity: .6; cursor: not-allowed; }

[aria-invalid="true"] { border-color: #b00020; }