.navbar{align-items:center;display:flex;justify-content:space-between;min-height:76px}.brand{align-items:center;display:inline-flex;font-size:1.1rem;font-weight:850;gap:10px;letter-spacing:.08em;text-decoration:none}.brand img{height:30px;width:30px}.nav-actions{align-items:center;display:flex;gap:10px}.locale-control select{max-width:150px}.hero{padding:82px 0 54px;text-align:center}.hero h1{font-size:clamp(3.8rem,10vw,7rem);letter-spacing:.08em;line-height:.95;margin:.25rem 0 .9rem}.full-name{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);margin:0}.hero-copy{font-size:clamp(1.12rem,2.5vw,1.4rem);margin:1.6rem auto 0;max-width:520px}.join-section{margin-bottom:100px}.join-card{background:linear-gradient(135deg,rgba(130,216,232,.09),transparent 58%),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);padding:clamp(24px,4vw,44px)}h1,h2,h3{letter-spacing:-.03em;line-height:1.15}h2{font-size:clamp(1.65rem,4vw,2.35rem);margin:.35rem 0 .8rem}h3{font-size:1.12rem;margin:0 0 .45rem}.join-card p{margin:.5rem 0}.join-card label,.nickname-panel label,.room-gate label{display:block;font-size:.92rem;font-weight:750;margin-bottom:.5rem}.pin-row{display:flex;gap:10px}.pin-row input,.nickname-panel input,.room-gate input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);min-height:46px;padding:11px 13px;width:100%}.pin-row input:focus,.nickname-panel input:focus,.room-gate input:focus,textarea:focus{border-color:var(--accent)}.content-section{margin-bottom:105px}.lead{color:var(--muted);font-size:1.12rem;max-width:650px}.feature-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:28px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature-card p{color:var(--muted);margin:0}.security-note{border-left:3px solid var(--accent);color:var(--muted);margin:30px 0 0;max-width:800px;padding-left:16px}.how-section{max-width:900px}.steps{counter-reset:steps;list-style:none;margin:30px 0 0;padding:0}.steps li{border-top:1px solid var(--line);display:grid;gap:20px;grid-template-columns:62px 1fr;padding:25px 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>span{color:var(--accent);font-size:.9rem;font-weight:800;letter-spacing:.08em}.steps p{color:var(--muted);margin:0}.theme-button{font-size:.84rem}
.protocol-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:30px;padding:clamp(22px,4vw,34px)}.protocol-card h3{font-size:1.28rem;margin:.4rem 0 1.15rem}.protocol-list{list-style:none;margin:0;padding:0}.protocol-list li{border-top:1px solid var(--line);padding:16px 0}.protocol-list li:last-child{padding-bottom:0}.protocol-list strong{font-size:.98rem}.protocol-list p{color:var(--muted);margin:.35rem 0 0}.protocol-list code{background:var(--surface-strong);border:1px solid var(--line);border-radius:5px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;padding:.08em .28em;overflow-wrap:anywhere}
@media(max-width:760px){.hero{padding:58px 0 42px}.join-section{margin-bottom:76px}.join-card{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr}.content-section{margin-bottom:75px}.pin-row{flex-direction:column}.pin-row .primary-button{width:100%}}
@media(max-width:420px){.navbar{min-height:68px}.theme-button{display:none}.locale-control select{max-width:136px}.hero h1{font-size:3.5rem}.join-card{padding:22px}.steps li{gap:14px;grid-template-columns:46px 1fr}}