.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--krox-space-8) var(--krox-space-6)}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:960px;overflow:hidden;border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-surface);box-shadow:var(--krox-shadow-panel)}.auth-panel{display:flex;flex-direction:column;min-width:0;padding:var(--krox-space-8)}.auth-brand{display:flex;align-items:center;gap:var(--krox-space-2);margin-bottom:var(--krox-space-6)}.auth-brand__mark-img{display:block;width:var(--krox-control-height-sm);height:var(--krox-control-height-sm);flex:0 0 var(--krox-control-height-sm)}.auth-brand__word{display:block;width:auto;height:var(--krox-space-5)}.auth-brand__mark,.auth-context__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--krox-control-height-sm);height:var(--krox-control-height-sm);border-radius:var(--krox-radius-control);background:var(--krox-color-primary-fill);color:var(--krox-color-primary-text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height);letter-spacing:-.02em}.auth-brand__name{color:var(--krox-color-text-primary);font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);line-height:var(--krox-type-section-heading-line-height);letter-spacing:-.02em}.auth-header{margin-bottom:var(--krox-space-6)}.auth-header h1{margin:0;color:var(--krox-color-text-primary);font-size:var(--krox-type-studio-page-title-size);font-weight:var(--krox-type-studio-page-title-weight);line-height:var(--krox-type-studio-page-title-line-height);letter-spacing:var(--krox-type-studio-page-title-letter-spacing)}.auth-subtitle{margin:var(--krox-space-1) 0 0;color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.auth-body{min-width:0}.auth-form,.auth-stack{display:flex;flex-direction:column;gap:var(--krox-space-4);min-width:0}.auth-google-form{min-width:0}.auth-google{justify-content:center}.auth-google>span,.auth-google__label{display:inline-flex;align-items:center;justify-content:center;gap:var(--krox-space-2)}.auth-google__icon{width:var(--krox-icon-size);height:var(--krox-icon-size);color:var(--krox-color-text-primary)}.auth-divider{display:flex;align-items:center;gap:var(--krox-space-3);color:var(--krox-color-text-tertiary);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);text-transform:lowercase}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--krox-color-border)}.auth-field{display:grid;gap:var(--krox-space-2);min-width:0}.auth-field__row{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);min-width:0}.auth-link{color:var(--krox-color-accent);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);text-decoration:none;white-space:nowrap}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{border-radius:var(--krox-radius-sm);outline:2px solid var(--krox-color-focus-ring);outline-offset:2px}.auth-password{position:relative;display:grid;min-width:0}.auth-shell .krox-input{min-height:var(--krox-control-height-touch)}.auth-password .krox-input{padding-right:var(--krox-control-height-touch)}.auth-password__toggle{position:absolute;top:0;right:var(--krox-space-1);width:var(--krox-control-height-touch);height:var(--krox-control-height-touch);min-height:var(--krox-control-height-touch);padding:0;border:0;border-radius:var(--krox-radius-control);background:transparent;color:var(--krox-color-text-secondary)}.auth-password__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-password__toggle:hover{background:var(--krox-color-surface-hover);color:var(--krox-color-text-primary)}.auth-alert{display:flex;align-items:flex-start;gap:var(--krox-space-2);padding:var(--krox-space-3);border:1px solid var(--krox-color-danger-border);border-radius:var(--krox-radius-control);background:var(--krox-color-danger-background);color:var(--krox-color-danger-text);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.auth-alert .material-symbols-outlined{margin-top:1px;font-size:var(--krox-icon-size-sm)}.auth-hint{margin:0;color:var(--krox-color-text-tertiary);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.auth-footer{margin-top:var(--krox-space-5);color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height);text-align:center}.auth-footer p{margin:0}.auth-context{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-height:100%;padding:var(--krox-space-8);border-left:1px solid var(--krox-color-border);background:linear-gradient(180deg,var(--krox-color-canvas-deep),var(--krox-color-canvas))}.auth-context:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 78% 0,color-mix(in srgb,var(--krox-color-accent) 24%,transparent),transparent 62%),radial-gradient(90% 60% at 0 100%,color-mix(in srgb,var(--krox-color-primary-fill) 22%,transparent),transparent 70%)}.auth-context:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--krox-color-border) 1px,transparent 1px),linear-gradient(90deg,var(--krox-color-border) 1px,transparent 1px);background-size:var(--krox-space-8) var(--krox-space-8);opacity:.16}.auth-context__glow{position:absolute;top:-18%;right:-18%;width:68%;aspect-ratio:1;border-radius:var(--krox-radius-pill);background:radial-gradient(circle,color-mix(in srgb,var(--krox-color-accent) 30%,transparent),transparent 68%);filter:blur(2px)}.auth-context__content{position:relative;z-index:1;max-width:320px}.auth-context__mark{margin-bottom:var(--krox-space-4);border:1px solid color-mix(in srgb,var(--krox-color-accent) 42%,transparent);background:color-mix(in srgb,var(--krox-color-accent) 16%,transparent);color:var(--krox-color-accent)}.auth-context__mark-img{display:block;width:var(--krox-control-height-toolbar);height:var(--krox-control-height-toolbar);margin-bottom:var(--krox-space-4)}.auth-context__title{margin:0 0 var(--krox-space-2);color:var(--krox-color-text-primary);font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);line-height:var(--krox-type-section-heading-line-height);letter-spacing:var(--krox-type-section-heading-letter-spacing)}.auth-context__text{margin:0;color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}@media (max-width:900px){.auth-page{align-items:flex-start;padding:var(--krox-space-6) var(--krox-space-4)}.auth-shell{grid-template-columns:minmax(0,1fr);max-width:440px;margin:auto 0}.auth-context{display:none}.auth-panel{padding:var(--krox-space-6) var(--krox-space-5)}.auth-shell .krox-btn{height:var(--krox-control-height-touch)}.auth-shell .krox-btn,.auth-shell .krox-input{min-height:var(--krox-control-height-touch)}.auth-password .krox-input{padding-right:var(--krox-control-height-touch)}.auth-password__toggle{width:var(--krox-control-height-touch);height:var(--krox-control-height-touch);min-height:var(--krox-control-height-touch)}}