:root{font-family:Arial,Helvetica,sans-serif;color:#263442;background:#f1f3f5;font-size:16px}
*{box-sizing:border-box}body{margin:0}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,20px);background:white;border-bottom:1px solid #dde2e8}
a{color:#0872bb;text-decoration:none}.brand{font-weight:900;font-size:26px;letter-spacing:-1.5px;color:#dc3a36}nav{display:flex;gap:25px;font-size:14px}
main{max-width:1120px;margin:55px auto;display:grid;grid-template-columns:1.25fr 1fr;gap:75px;align-items:center;padding:0 25px}.intro{padding-bottom:40px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;color:#0872bb}h1{font-size:clamp(36px,4.5vw,57px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.intro>p:last-child{font-size:18px;line-height:1.6;max-width:370px;color:#647283}
.blocks{height:130px;display:flex;gap:12px;align-items:flex-end;margin-bottom:38px}.blocks i{width:85px;height:85px;background:#e54b43;border-radius:10px;box-shadow:inset -10px -10px 0 #0001;transform:rotate(-8deg)}.blocks i:nth-child(2){background:#147fca;height:115px;transform:rotate(4deg)}.blocks i:nth-child(3){background:#eab743;transform:rotate(12deg)}
.card{background:white;border:1px solid #e0e4e9;border-radius:8px;padding:30px;box-shadow:0 8px 28px #27384a0b}h2{font-size:24px;margin:0 0 22px}label,legend{display:block;font-size:13px;font-weight:bold;margin:13px 0 7px}input,select{width:100%;height:42px;border:1px solid #cbd3dc;border-radius:4px;background:white;padding:0 11px;font:inherit;font-size:14px}input:focus,select:focus{outline:2px solid #76b9e5;outline-offset:1px}fieldset{border:0;padding:0;margin:0}.birthday{display:flex;gap:7px}.birthday select:first-child{flex:1.4}.birthday select{min-width:0;flex:1}.gender{display:flex;gap:8px}.gender button{flex:1;background:white;border:1px solid #cbd3dc;color:#536272}.gender button.selected-gender{background:#e6f3fd;border-color:#0872bb;color:#0872bb}button{cursor:pointer;border:0;background:#0878c5;color:white;border-radius:4px;padding:11px 14px;font:inherit;font-weight:bold}button:disabled{cursor:wait;opacity:.5}#signup-button{width:100%;margin-top:23px}details{margin-top:22px;font-size:14px}summary{cursor:pointer;color:#0872bb;text-align:center}form button{margin-top:16px;width:100%}.error{font-size:13px;line-height:1.5;color:#b42318;background:#fff1ef;padding:10px;border-radius:4px}footer{text-align:center;color:#8a96a3;font-size:12px;padding:10px 20px 30px}.discordversection,#discordmsg{margin-bottom:15px;font-size:13px}
@media(max-width:750px){main{grid-template-columns:1fr;gap:15px;margin:25px auto;max-width:470px}.intro{padding:0}.blocks{display:none}h1{font-size:34px;margin:10px 0}.intro>p:last-child{font-size:15px}.card{padding:23px}header{height:60px}.brand{font-size:23px}nav{gap:15px;font-size:13px}}