:root{color-scheme:light;--purple:#7436db;--pink:#eb3987;--teal:#29dbc8;--yellow:#ffe36e;--ink:#291449;--muted:#6b587e;--line:#e5dcf2;--surface:#f4f0ff}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:var(--purple)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;background:#fff;border-top:6px solid var(--pink);padding:22px max(20px,calc((100vw - 1080px)/2))}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:800;text-decoration:none;color:var(--ink);line-height:1.2}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:6px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:var(--purple);color:#fff;border-radius:14px;transform:rotate(-7deg);font-size:18px}#account{display:flex;gap:10px;flex-wrap:wrap;align-items:center}nav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:12px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line)}main{max-width:1120px;margin:auto;padding:28px 20px;min-height:65vh}button{font:600 14px/1.4 system-ui;padding:12px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;min-height:44px}button:hover{filter:brightness(.96)}button:disabled{cursor:wait;opacity:.6}button.primary,nav button[aria-current=page]{background:var(--purple);color:#fff;border-color:var(--purple)}button.danger{background:#a7204c;border-color:#a7204c;color:#fff}button.yellow{background:var(--yellow);border-color:var(--yellow)}button.glass{background:#ffffff12;border-color:#ffffff70;color:#fff}h1{font-size:32px;line-height:1.15;margin:14px 0 18px;letter-spacing:-1px}h2{font-size:20px;margin:16px 0}p{margin:12px 0}.hero{position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#5420a9,#8135d7 60%,#d32d93);color:#fff;padding:40px}.hero:after{content:'';position:absolute;right:-130px;top:-140px;width:440px;height:440px;border:75px solid #ffffff12;border-radius:50%;pointer-events:none}.hero h1{font-size:clamp(42px,7vw,72px);font-weight:850;letter-spacing:-2px;margin:25px 0}.hero em{font-style:normal;color:var(--teal)}.hero p{max-width:470px;color:#f0e5ff;font-size:18px}.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;background:#ffffff18;border:1px solid #ffffff30;padding:7px 12px;border-radius:30px}.team-tag{position:absolute;right:45px;bottom:55px;background:var(--teal);color:var(--ink);font-size:20px;font-weight:800;padding:16px 22px;border-radius:12px;transform:rotate(-7deg)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.features article,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.features article p{color:var(--muted);font-size:14px}.feature-label{display:inline-block;font-size:12px;font-weight:750;padding:6px 10px;border-radius:7px;letter-spacing:1px}.purple{background:#eee5ff;color:#6030ad}.teal{background:#d7faf4;color:#087467}.pink{background:#ffe4ef;color:#b91d68}.panel{border-top:4px solid var(--purple);margin-top:20px}#club .panel{border-top-color:var(--pink)}#consult .panel{border-top-color:var(--teal)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin-bottom:16px}label small,.muted{font-size:13px;font-weight:400;color:var(--muted)}input,textarea,select{min-width:0;width:100%;padding:12px;font:inherit;font-size:16px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #b896ec;outline-offset:2px}.check{flex-direction:row;align-items:flex-start;font-weight:400;gap:10px;margin:20px 0}.check input{width:auto;margin-top:5px}.notice{background:#eee5ff;color:#54259a;border-radius:10px;padding:16px;margin:16px 0}.error{background:#ffe4ec;color:#a11b42}.success{background:#def9f1;color:#086752}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:17px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .actions{margin:0}.badge{display:inline-block;padding:4px 9px;border-radius:30px;background:#def9f1;color:#086752;font-size:12px;margin-top:7px}.badge.inactive{background:#f0edf5;color:#655276}.narrow{max-width:460px;margin:auto}dialog{max-width:580px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink)}dialog::backdrop{background:#24113780}footer{max-width:1120px;margin:auto;padding:20px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.credential{background:#fff;border:2px solid var(--purple);border-radius:23px;overflow:hidden;max-width:490px;margin:25px auto}.credential-head{background:linear-gradient(120deg,#7436db,#b32892);color:#fff;padding:23px;display:flex;align-items:center;gap:15px}.credential-logo{width:55px;height:55px;object-fit:contain;background:#fff;border-radius:9px}.credential-body{padding:24px}.identity{display:flex;gap:20px;align-items:center}.portrait{width:100px;height:128px;object-fit:cover;background:var(--surface);border:1px solid var(--line);border-radius:9px}.photo-placeholder{display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center}dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}dt{font-size:12px;color:var(--muted)}dd{margin:2px 0;font-weight:600;overflow-wrap:anywhere}#global-message:empty,.form-message:empty{display:none}[hidden]{display:none!important}@media(max-width:760px){.team-tag{position:static;display:inline-block;margin-top:30px;font-size:16px}.features{grid-template-columns:1fr}.hero{padding:28px}}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:0}main{padding:20px 14px}header{padding:18px}nav{padding:12px}.panel{padding:18px}.brand{font-size:22px}h1{font-size:28px}.hero h1{font-size:47px}.identity{gap:12px}.identity h2{font-size:18px}.portrait{width:85px;height:110px}dl{gap:12px}.row .actions{width:100%}}

.brand-logo{width:120px;height:65px;object-fit:contain}.credential-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:#fff}.credential-brand img{width:170px;height:85px;object-fit:contain}.credential-brand span{font-size:11px;color:var(--muted)}.club-view-logo{width:100px;height:100px;object-fit:contain;float:right}
