.access-page{background:var(--color-surface);flex-direction:column;min-height:100svh;display:flex}.access-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) clamp(1rem, 4vw, 4rem);border-bottom:1px solid var(--color-border);display:flex}.access-back{align-items:center;gap:var(--space-2);min-height:var(--control-min-touch);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.access-content{padding:clamp(1.5rem, 5vw, 4rem) var(--space-6);flex:1;place-items:start center;display:grid}.access-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:36rem;padding:clamp(1.25rem,4vw,2.5rem)}.access-symbol{background:var(--color-brand-soft);width:5rem;height:5rem;color:var(--color-brand);border-radius:var(--radius-xl);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.access-card h1{font-size:clamp(1.5rem,3vw,2rem)}.access-form{gap:var(--space-6);margin-top:var(--space-8);display:grid}.access-form .field{margin:0}.access-notice{align-items:flex-start;gap:var(--space-4);background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6);display:flex}.access-notice p{color:inherit;margin:var(--space-2) 0 var(--space-3)}.access-notice small{border-top:1px solid var(--color-border);padding-top:var(--space-3);display:block}.access-success .access-symbol{background:var(--color-success-bg);color:var(--color-success)}.access-card>.button{width:100%}.access-result-actions{gap:var(--space-3);margin-top:var(--space-6);display:grid}.access-footer{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-6)}.auth-registration{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-6);text-align:center}.auth-registration .button{width:100%;margin-top:var(--space-3)}@media (max-width:640px){.access-header{padding:var(--space-5) var(--space-4);gap:var(--space-3)}.access-header .logo{width:140px}.access-back{max-width:8rem}.access-content{padding:var(--space-6) var(--space-4)}.access-card{border:0;padding:0}.access-form{gap:var(--space-5)}}