.cockpit-intro{z-index:30;pointer-events:none;background:linear-gradient(90deg,#05060aed,#05060a65 46%,#0000 75%);position:absolute;inset:0}.cockpit-intro-header{top:calc(env(safe-area-inset-top,0px) + 20px);pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;left:32px;right:32px}.cockpit-brand{color:var(--color-cockpit-text);font-family:var(--font-body), sans-serif;align-items:center;gap:14px;font-size:15px;text-decoration:none;display:inline-flex}.cockpit-home-avatar{pointer-events:auto;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.cockpit-home-avatar-mobile{top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 92px);z-index:40;position:absolute}.cockpit-intro-copy{pointer-events:auto;width:min(580px,50vw);max-height:calc(100dvh - 110px);position:absolute;bottom:max(7vh,28px);left:6vw;overflow-y:auto}.cockpit-intro h1{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;white-space:pre-line;color:var(--color-cockpit-text);text-wrap:balance;margin:0 0 28px;font-size:clamp(28px,3.5vw,50px);font-weight:900;line-height:1.17}.cockpit-intro form{max-width:420px}.cockpit-access-label{color:var(--color-cockpit-text);margin-bottom:10px;font-size:12px;display:block}.cockpit-access-row{gap:8px;display:flex}.cockpit-access-row input{background:var(--color-cockpit-panel);border:1px solid var(--color-cockpit-border);min-width:0;color:var(--color-cockpit-text);font-family:var(--font-body), sans-serif;border-radius:2px;flex:1;padding:10px 12px;font-size:16px}.cockpit-access-row .brand-button{min-height:44px;padding:10px 16px;font-size:13px}.cockpit-access-hint{color:var(--color-cockpit-text-dim);margin:10px 0 0;font-size:12px;line-height:1.6}.cockpit-intro-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.cockpit-action{text-align:left;border:1px solid var(--color-cockpit-border);background:var(--color-cockpit-panel);min-height:44px;color:var(--color-cockpit-text);font-family:var(--font-body), sans-serif;border-radius:2px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:border-color .18s ease-out,background .18s ease-out;display:flex}.cockpit-action:hover{border-color:var(--color-cockpit-accent);background:var(--color-cockpit-panel-light)}.cockpit-action>span{flex:1;min-width:0}.cockpit-action strong{font-size:13px;font-weight:500;display:block}.cockpit-action small{color:var(--color-cockpit-text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}[data-viewport-lock] :focus-visible{outline:2px solid var(--color-cockpit-accent);outline-offset:4px}[data-viewport-lock]{scrollbar-color:var(--color-cockpit-accent) var(--color-cockpit-bg)}@media (max-width:799px){.cockpit-intro{background:linear-gradient(#0000 15%,#05060ad9 60%,#05060a 100%)}.cockpit-intro-header{left:22px;right:22px;top:calc(env(safe-area-inset-top,0px) + 14px)}.cockpit-brand{gap:10px;font-size:13px}.cockpit-intro-copy{width:auto;left:25px;right:25px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}.cockpit-intro h1{margin-bottom:24px;font-size:clamp(25px,7vw,36px)}.cockpit-intro-actions{gap:10px;margin-top:22px}.cockpit-intro-actions .brand-button{padding-inline:17px;font-size:13px}}@media (max-height:600px){.cockpit-intro h1{margin-bottom:18px;font-size:28px}.cockpit-intro-copy{bottom:20px}.cockpit-intro-actions{margin-top:14px}}