:root{--pastel-poppy:#ffe3e3;--pastel-cherry:#fef2f2;--pastel-rose:#ffe4e6;--pastel-blush:#fce7f3;--pastel-peach:#fff7ed;--pastel-apricot:#ffedd5;--pastel-sand:#fdf6e3;--pastel-lemon:#fefce8;--pastel-daffodil:#fffbeb;--pastel-lime:#f7fee7;--pastel-mint:#f0fdf4;--pastel-seafoam:#ecfdf5;--pastel-sky:#e0f2fe;--pastel-cornflower:#ebf0ff;--pastel-aqua:#e0f7fa;--pastel-periwinkle:#eef2ff;--pastel-lavender:#f5f3ff;--pastel-lilac:#faf5ff;--pastel-mauve:#f3e8ff;--pastel-stone:#f1f5f9;--vibrant-blue:#007aff;--vibrant-cyan:#00c4ff;--vibrant-green:#34c759;--vibrant-yellow:#ffcc00;--vibrant-orange:#ff9500;--vibrant-red:#ff3b30;--vibrant-pink:#ff2d55;--vibrant-purple:#af52de;--vibrant-indigo:#5856d6;--vibrant-teal:#5ac8fa;--utom-green:#10b981;--utom-green-light:#34d399;--utom-green-dark:#059669;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--space-black:#0f0f0f;--slate-medium:#475569;--concrete-light:#f1f5f9;--cloud-white:#ffffff;--border-subtle:#e2e8f0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--anim-normal:0.2s;--smooth:cubic-bezier(0.25,1,0.5,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;background:var(--concrete-light);color:var(--space-black);min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-container{background:var(--cloud-white);border:1.5px solid var(--space-black);border-radius:20px;padding:var(--space-xl);width:100%;max-width:400px;box-shadow:-4px 4px 0 0 var(--space-black);position:relative}.auth-header{text-align:center;margin-bottom:24px;padding:16px 0}.logo{gap:8px;margin-bottom:20px}.auth-logo-icon,.logo{display:flex;align-items:center;justify-content:center}.auth-logo-icon{width:32px;height:32px;background:var(--utom-green);border-radius:6px;border:1.5px solid var(--space-black);color:white;font-weight:700;font-size:16px}.auth-logo-text{font-weight:800}.auth-logo-text,.auth-title{font-size:18px;color:var(--space-black)}.auth-title{font-weight:700;margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--slate-medium);line-height:1.4}.auth-workspace-context{background:var(--pastel-sky);border:1.5px solid var(--space-black);border-radius:12px;padding:16px;margin:16px 0 24px;display:none}.auth-workspace-context.show{display:block}.auth-workspace-info{display:flex;align-items:center;gap:12px}.auth-workspace-avatar{width:36px;height:36px;border-radius:8px;background:var(--utom-green);border:1.5px solid var(--space-black);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px}.auth-workspace-details h3{font-size:14px;font-weight:600;color:var(--space-black);margin-bottom:4px}.auth-workspace-details p{font-size:12px;color:var(--slate-medium)}.auth-form{gap:20px}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:8px;margin-bottom:16px}.auth-form-label{font-size:12px;font-weight:600;color:var(--space-black)}.auth-form-input{padding:10px 12px;border:1.5px solid var(--space-black);border-radius:6px;font-size:14px;background:var(--cloud-white);color:var(--space-black);transition:all var(--anim-normal);outline:none}.auth-form-input:focus{box-shadow:0 0 0 3px var(--pastel-sky)}.auth-form-input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--pastel-cherry)}.auth-code-input-container{display:flex;gap:8px;justify-content:center;margin:8px 0}.auth-code-digit{width:36px;height:36px;text-align:center;font-size:16px;font-weight:600;border:1.5px solid var(--space-black);border-radius:6px;background:var(--cloud-white);color:var(--space-black);transition:all var(--anim-normal);outline:none}.auth-code-digit:focus{box-shadow:0 0 0 3px var(--pastel-sky)}.auth-code-digit.error{border-color:var(--error);box-shadow:0 0 0 3px var(--pastel-cherry)}.auth-button-actions{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.auth-btn{padding:10px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--anim-normal) var(--smooth);text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--space-black)}.auth-btn-primary{background:var(--vibrant-cyan);color:var(--cloud-white);box-shadow:-2px 2px 0 0 var(--space-black)}.auth-btn-primary:hover{background:#00b4e6;transform:translateY(-1px);box-shadow:-2px 3px 0 0 var(--space-black)}.auth-btn-primary:disabled{background:var(--slate-medium);cursor:not-allowed;transform:none;box-shadow:-2px 2px 0 0 var(--space-black)}.auth-btn-secondary{background:var(--cloud-white);color:var(--space-black)}.auth-btn-secondary:hover{background:var(--pastel-stone)}.auth-btn-text{background:transparent;color:var(--slate-medium);border:none;box-shadow:none;text-decoration:underline;padding:8px 0}.auth-btn-text:hover{color:var(--space-black)}.auth-error-message{background:var(--pastel-cherry);border:1.5px solid var(--error);border-radius:6px;padding:12px;margin:8px 0 16px;color:var(--error);font-size:12px;font-weight:500;display:none}.auth-error-message.show{display:block}.auth-loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-steps-indicator{gap:8px;margin:16px 0 24px}.auth-step,.auth-steps-indicator{display:flex;align-items:center;justify-content:center}.auth-step{width:32px;height:32px;border-radius:50%;font-size:14px;font-weight:600;border:1.5px solid var(--space-black);background:var(--cloud-white);color:var(--slate-medium)}.auth-step.active{background:var(--vibrant-cyan);color:var(--cloud-white)}.auth-step.completed{background:var(--utom-green);color:var(--cloud-white)}.auth-step-connector{width:24px;height:2px;background:var(--border-subtle)}.auth-step-connector.completed{background:var(--utom-green)}.auth-form-step{display:none}.auth-form-step.active{display:block}.auth-back-link{position:absolute;top:16px;left:16px;color:var(--slate-medium);text-decoration:none;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;transition:color var(--anim-normal)}.auth-back-link:hover{color:var(--space-black)}@media (max-width:768px){.auth-container{margin:var(--space-lg);padding:var(--space-lg)}.auth-title{font-size:24px}.auth-code-digit{width:40px;height:40px;font-size:18px}}