.gate{min-height:100vh;justify-content:space-between;gap:var(--space-6);min-height:100dvh;padding:calc(var(--safe-top) + var(--space-7)) var(--space-5) calc(var(--safe-bottom) + var(--space-6));flex-direction:column;max-width:480px;margin:0 auto;display:flex}.gate--center{text-align:center;justify-content:center;align-items:center}.gate__crest{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.gate__brand{font-family:var(--font-head);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.gate__body{gap:var(--space-4);flex-direction:column;display:flex}.gate__body h1{font-size:var(--fs-2xl)}.gate__text{color:var(--text-2)}.gate__actions{gap:var(--space-3);flex-direction:column;display:flex}.dots{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.dot{border:var(--line-width) solid var(--accent);width:7px;height:7px;transition:background-color var(--dur) var(--ease);transform:rotate(45deg)}.dot.is-active{background:var(--accent)}.quiz{margin:var(--space-3) 0 0;gap:var(--space-3);border:0;flex-direction:column;padding:0;display:flex}.quiz__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tutorial__top{justify-content:space-between;align-items:center;display:flex}.tutorial__body{align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.tutorial__body h1{font-size:var(--fs-2xl)}.tutorial__body .gate__text{max-width:30ch;font-size:var(--fs-lg);line-height:var(--lh-base)}