.auth-section{padding:var(--spacing-xxl) 0;background:var(--bg-primary);min-height:100vh;display:flex;align-items:center}.auth-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:flex-end;align-items:center}.auth-form-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:var(--spacing-xxl);box-shadow:var(--shadow-large);position:relative;overflow:hidden;width:450px;max-width:100%}.auth-form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-green),var(--accent-green-hover))}.auth-header{text-align:center;margin-bottom:var(--spacing-xxl)}.auth-title{font-size:2.2rem;font-weight:var(--font-weight-light);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.auth-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.5}.auth-form{width:100%}.form-group{margin-bottom:var(--spacing-lg);position:relative}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:0.95rem}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-fast);position:relative}.form-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 4px rgba(210,24,111,0.1);transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}.form-help{display:block;font-size:0.85rem;color:var(--text-muted);margin-top:var(--spacing-xs);line-height:1.4}.btn-auth{width:100%;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-green),var(--accent-green-hover));color:white;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:var(--font-weight-semi-bold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:0.05em;box-shadow:var(--shadow-small);position:relative;overflow:hidden}.btn-auth::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.btn-auth:hover::before{left:100%}.btn-auth:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);background:linear-gradient(135deg,var(--accent-green-hover),var(--accent-green))}.btn-auth:active{transform:translateY(0)}.auth-links{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.auth-link{color:var(--accent-green);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative}.auth-link:hover{color:var(--accent-green-hover);text-decoration:none}.auth-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-green);transition:width var(--transition-fast)}.auth-link:hover::after{width:100%}.auth-policy{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.auth-policy p{font-size:0.85rem;color:var(--text-muted);line-height:1.5;margin:0}.auth-policy a{color:var(--accent-green);text-decoration:none;transition:color var(--transition-fast)}.auth-policy a:hover{color:var(--accent-green-hover);text-decoration:underline}.btn-auth.loading{pointer-events:none;opacity:0.8}.btn-auth.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.auth-form-container{opacity:0;transform:translateY(30px);animation:slideInUp 0.6s ease forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.auth-container{justify-content:center}.auth-form-container{padding:var(--spacing-xl);width:100%;max-width:500px}}@media (max-width:768px){.auth-section{padding:var(--spacing-xl) 0}.auth-container{padding:0 var(--spacing-md)}.auth-form-container{padding:var(--spacing-lg)}.auth-title{font-size:1.8rem}}@media (max-width:480px){.auth-form-container{padding:var(--spacing-md)}.auth-title{font-size:1.6rem}.btn-auth{padding:var(--spacing-md);font-size:1rem}}