:root{--ink:#080a16;--panel:rgba(10,12,27,.88);--white:#f6f2ec;--pink:#eb2cff;--blue:#4edcff;--line:rgba(255,255,255,.2)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:linear-gradient(rgba(3,4,12,.82),rgba(3,4,12,.9)),url('achtergrond.png') center/cover fixed;color:var(--white);font-family:Arial,sans-serif}.site-header{min-height:84px;margin:0 clamp(18px,5vw,78px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{color:white;text-decoration:none;font:32px Georgia,serif}.logo i{color:#8de7ff}.site-header nav{display:flex;gap:9px}.site-header nav a,.button{display:inline-block;color:white;text-decoration:none;border:1px solid var(--line);background:rgba(15,12,35,.7);padding:12px 16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.button.primary,.site-header nav a:hover{background:var(--pink);border-color:var(--pink)}.landing,.content{width:min(1120px,calc(100% - 36px));margin:auto;padding:clamp(50px,10vh,110px) 0}.landing{min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center}.landing h1,.content h1{font:normal clamp(48px,8vw,100px)/.9 Georgia,serif;margin:12px 0 25px}.landing h1 em{color:var(--pink)}.landing>p:not(.kicker){max-width:580px;font:20px/1.6 Georgia,serif}.kicker{color:var(--blue);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.site-footer{padding:22px clamp(18px,5vw,78px);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.page-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.page-title h1{margin-bottom:0}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:36px}.member-card{color:white;text-decoration:none;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.2s}.member-card:hover{transform:translateY(-5px);border-color:var(--pink)}.member-card img,.member-card .avatar{width:100%;aspect-ratio:4/3;object-fit:cover;display:grid;place-items:center;background:#12152c;font-size:60px;color:var(--pink)}.member-card div{padding:18px}.member-card h2{font:28px Georgia,serif;margin:8px 0}.member-card small{color:#9299ad}.member-card p{color:#bdc0cd;line-height:1.5}.empty,.member-form,.profile{padding:clamp(24px,5vw,60px);margin-top:35px;background:var(--panel);border:1px solid var(--line)}.empty{text-align:center}.narrow{width:min(880px,calc(100% - 36px))}.intro{font:18px/1.6 Georgia,serif;color:#ced0db}.member-form{display:grid;gap:20px}.member-form label{display:grid;gap:8px;font-size:12px;letter-spacing:.06em}.member-form input,.member-form textarea{width:100%;border:1px solid var(--line);background:#0b0d1c;color:white;padding:13px;font:16px Arial,sans-serif}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.file-field span{color:#959bad;font-size:11px}.consent{grid-template-columns:auto 1fr!important;align-items:start;line-height:1.5}.consent input{width:auto}.errors,.success{padding:18px;background:#45132f;border:1px solid #dc3a7c}.success{background:#103c39;border-color:#25bfae}.profile{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:clamp(25px,5vw,60px)}.profile>img,.profile-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;display:grid;place-items:center;background:#11142a;color:var(--pink);font-size:90px}.profile h1{font-size:clamp(48px,7vw,82px)}.real-name{color:#8feaff;text-transform:uppercase;letter-spacing:.1em}.profile-story{font:18px/1.7 Georgia,serif}.site-footer{background:rgba(0,0,0,.3)}@media(max-width:650px){.site-header nav a:not(:last-child){display:none}.form-row,.profile{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.landing h1,.content h1{font-size:48px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-card h2{font-size:20px}}