.auth-page{background:linear-gradient(135deg, var(--bg-color) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container{width:100%;max-width:420px;position:relative}.auth-bg-decoration{pointer-events:none;z-index:0;position:absolute;inset:0}.decoration-circle{opacity:.1;border-radius:50%;position:absolute}.decoration-circle-1{background-color:var(--skaia-green-primary);width:300px;height:300px;top:-100px;right:-100px}.decoration-circle-2{background-color:var(--primary-color);width:200px;height:200px;bottom:-50px;left:-50px}.decoration-circle-3{background-color:var(--skaia-green-primary);width:150px;height:150px;top:50%;left:10%}.auth-card{z-index:1;background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-hover);border-radius:16px;padding:48px 32px;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:var(--text-primary);margin:0 0 8px;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.auth-error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-color);border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:.95rem;display:flex}.auth-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-color);border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:.95rem;display:flex}.auth-form{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:1rem}.form-group input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:12px 44px 12px 12px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus{border-color:var(--primary-color);box-shadow:var(--focus-ring);outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-button{background:linear-gradient(135deg, var(--primary-color) 0%, var(--skaia-green-primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-2px)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-forgot{text-align:right;margin-top:-8px}.auth-forgot a{color:var(--text-secondary);font-size:.8125rem;text-decoration:none;transition:color .2s}.auth-forgot a:hover{color:var(--primary-color)}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{text-align:center;color:var(--text-secondary);margin:24px 0;font-size:.9rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--border-color);width:calc(50% - 20px);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-toggle{text-align:center}.auth-toggle p{color:var(--text-secondary);margin:0;font-size:.95rem}.auth-toggle-btn{color:var(--primary-color);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:none;margin-left:8px;padding:0;text-decoration:none;transition:color .3s}.auth-toggle-btn:hover:not(:disabled){color:var(--skaia-green-primary)}.auth-toggle-btn:disabled{cursor:not-allowed;opacity:.6}@media (width<=480px){.auth-card{padding:32px 24px}.auth-header h1{font-size:1.5rem}.form-group input{padding:10px 40px 10px 10px}.input-icon{width:16px;height:16px}.decoration-circle-1{display:none}.decoration-circle-2{width:120px;height:120px}.decoration-circle-3{display:none}}