.auth-container{background:var(--color-bg-alt);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";z-index:0;background:radial-gradient(circle,#0d4f4f0d 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.auth-container:after{content:"";z-index:0;background:radial-gradient(circle,#c9a96e0d 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;bottom:-20%;right:-10%}.auth-card{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);z-index:1;position:relative;overflow:hidden}.auth-header{padding:var(--space-8) var(--space-8) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border)}.auth-logo{background:var(--color-primary-light);border-radius:var(--radius-full);width:56px;height:56px;color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.auth-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-tabs{border-bottom:1px solid var(--color-border);display:flex}.auth-tab{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;flex:1;font-weight:600;position:relative}.auth-tab:hover,.auth-tab.active{color:var(--color-primary)}.auth-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-body{padding:var(--space-8)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.auth-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-base);background:var(--color-bg-alt)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-surface);outline:none}.auth-submit{width:100%;padding:var(--space-3);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;margin-top:var(--space-4);transition:all var(--transition-base);border:none;font-weight:600}.auth-submit:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-error{padding:var(--space-3);border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center;background:#fef2f2;border:1px solid #fca5a5}