.product-detail-page{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6);background:var(--neutral-50);min-height:100vh;max-width:1400px;margin:0 auto}.product-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600)}.product-breadcrumb a{color:var(--neutral-600);text-decoration:none;transition:color var(--transition-fast)}.product-breadcrumb a:hover{color:var(--primary-600)}.product-breadcrumb svg{color:var(--neutral-400)}.product-breadcrumb span{color:var(--neutral-900);font-weight:var(--font-medium)}.product-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-8)}.product-gallery{display:flex;flex-direction:column;gap:var(--space-4)}.product-gallery-main{position:relative;width:100%;aspect-ratio:1;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.product-gallery-main-image{width:100%;height:100%;object-fit:contain;padding:var(--space-4)}.product-gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--neutral-50);color:var(--neutral-300)}.product-gallery-badge{position:absolute;top:var(--space-4);right:var(--space-4)}.product-gallery-certifications{position:absolute;bottom:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.product-gallery-thumbnails{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2)}.product-gallery-thumbnail{flex-shrink:0;width:80px;height:80px;border:2px solid var(--neutral-200);border-radius:var(--radius-md);padding:0;background:var(--white);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.product-gallery-thumbnail:hover{border-color:var(--primary-500);transform:scale(1.05)}.product-gallery-thumbnail--active{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.product-gallery-thumbnail img{width:100%;height:100%;object-fit:contain;padding:var(--space-1)}.product-info{display:flex;flex-direction:column;gap:var(--space-6)}.product-info-header{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:2px solid var(--neutral-200)}.product-info-title-section{display:flex;flex-direction:column;gap:var(--space-2)}.product-brand{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em}.product-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0;line-height:1.2}.product-short-description{font-size:var(--text-base);color:var(--neutral-600);margin:0;line-height:1.5}.product-rating{display:flex;align-items:center;gap:var(--space-3)}.product-rating-stars{display:flex;gap:var(--space-1)}.product-rating-stars--sm svg{width:14px;height:14px}.product-rating-stars--md svg{width:18px;height:18px}.product-rating-stars--lg svg{width:24px;height:24px}.product-rating-stars .star-filled{color:var(--yellow-500)}.product-rating-stars .star-empty{color:var(--neutral-300)}.product-rating-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900)}.product-rating-count{font-size:var(--text-sm);color:var(--neutral-600)}.product-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md)}.product-meta-item{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.product-meta-label{color:var(--neutral-600);font-weight:var(--font-medium)}.product-meta-value{color:var(--neutral-900);font-weight:var(--font-semibold);font-family:var(--font-mono)}.product-price-section{display:flex;flex-direction:column;gap:var(--space-3)}.product-price-group{display:flex;align-items:baseline;gap:var(--space-3)}.product-price{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--primary-600);font-family:var(--font-secondary)}.product-price-original{font-size:var(--text-xl);color:var(--neutral-500);text-decoration:line-through}.product-price-unit{font-size:var(--text-base);color:var(--neutral-600)}.product-stock-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold)}.product-stock-text--available{color:var(--green-700)}.product-stock-indicator:has(.product-stock-text--available){background:var(--green-50)}.product-stock-indicator:has(.product-stock-text--available) svg{color:var(--green-600)}.product-stock-text--low{color:var(--yellow-700)}.product-stock-indicator:has(.product-stock-text--low){background:var(--yellow-50)}.product-stock-indicator:has(.product-stock-text--low) svg{color:var(--yellow-600)}.product-stock-text--out{color:var(--red-700)}.product-stock-indicator:has(.product-stock-text--out){background:var(--red-50)}.product-stock-indicator:has(.product-stock-text--out) svg{color:var(--red-600)}.product-actions{display:flex;flex-direction:column;gap:var(--space-3)}.product-quantity{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--neutral-50);border-radius:var(--radius-md);width:fit-content}.product-quantity-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid var(--neutral-300);background:var(--white);color:var(--neutral-700);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.product-quantity-btn:hover:not(:disabled){border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.product-quantity-btn:disabled{opacity:.4;cursor:not-allowed}.product-quantity-input{width:60px;height:40px;padding:var(--space-2);border:2px solid var(--neutral-300);background:var(--white);color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--font-bold);text-align:center;border-radius:var(--radius-md);font-family:var(--font-secondary)}.product-quantity-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.product-quantity-input::-webkit-inner-spin-button,.product-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-quantity-input[type=number]{-moz-appearance:textfield}.product-allergens{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--yellow-50);border:2px solid var(--yellow-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--yellow-900)}.product-allergens-icon{display:flex;align-items:flex-start;color:var(--yellow-700);flex-shrink:0}.product-allergens-content{flex:1;line-height:1.5}.product-allergens-content strong{font-weight:var(--font-bold)}.product-tabs{display:flex;flex-direction:column;background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.product-tabs-header{display:flex;gap:0;background:var(--neutral-50);border-bottom:2px solid var(--neutral-200)}.product-tab{flex:1;padding:var(--space-4) var(--space-6);border:none;background:transparent;color:var(--neutral-600);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border-bottom:3px solid transparent}.product-tab:hover{background:var(--neutral-100);color:var(--neutral-900)}.product-tab--active{background:var(--white);color:var(--primary-600);border-bottom-color:var(--primary-500)}.product-tabs-content{padding:var(--space-6)}.product-tab-panel{animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-description{font-size:var(--text-base);color:var(--neutral-700);line-height:1.7;margin:0 0 var(--space-6) 0}.product-ingredients{padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-md)}.product-ingredients h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-3) 0}.product-ingredients p{font-size:var(--text-base);color:var(--neutral-700);line-height:1.6;margin:0}.product-nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.product-nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md)}.product-nutrition-label{font-size:var(--text-base);color:var(--neutral-700);font-weight:var(--font-medium)}.product-nutrition-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);font-family:var(--font-secondary)}.product-reviews-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:2px solid var(--neutral-200)}.product-reviews-summary{display:flex;flex-direction:column;gap:var(--space-4)}.product-reviews-average{display:flex;flex-direction:column;gap:var(--space-2)}.product-reviews-rating{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--neutral-900);font-family:var(--font-secondary)}.product-reviews-count{font-size:var(--text-sm);color:var(--neutral-600)}.product-reviews-list{display:flex;flex-direction:column;gap:var(--space-5)}.product-review{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-md)}.product-review-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.product-review-author{display:flex;align-items:center;gap:var(--space-2)}.product-review-author-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900)}.product-review-date{font-size:var(--text-sm);color:var(--neutral-500)}.product-review-rating{margin:var(--space-1) 0}.product-review-comment{font-size:var(--text-base);color:var(--neutral-700);line-height:1.6;margin:0}.product-reviews-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--neutral-500);text-align:center}.product-reviews-empty p{font-size:var(--text-base);margin:0}.product-related{display:flex;flex-direction:column;gap:var(--space-5)}.product-related-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.product-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-5)}.product-related-card{display:flex;flex-direction:column;background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--transition-fast)}.product-related-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-related-image,.product-related-placeholder{width:100%;aspect-ratio:1;object-fit:contain;padding:var(--space-4);background:var(--white)}.product-related-placeholder{display:flex;align-items:center;justify-content:center;background:var(--neutral-50);color:var(--neutral-300)}.product-related-info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.product-related-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-related-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.product-related-price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-600);font-family:var(--font-secondary)}@media (max-width: 1024px){.product-detail-page{padding:var(--space-5);gap:var(--space-6)}.product-detail-main{gap:var(--space-6);padding:var(--space-6)}.product-title{font-size:var(--text-2xl)}.product-price{font-size:var(--text-3xl)}}@media (max-width: 768px){.product-detail-page{padding:var(--space-4);gap:var(--space-5)}.product-detail-main{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5)}.product-breadcrumb{font-size:var(--text-xs);gap:var(--space-1)}.product-breadcrumb svg{width:12px;height:12px}.product-title{font-size:var(--text-xl)}.product-price{font-size:var(--text-2xl)}.product-meta{flex-direction:column;gap:var(--space-2)}.product-tabs-header{overflow-x:auto}.product-tab{flex:none;min-width:120px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.product-reviews-header{flex-direction:column}.product-related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}}@media (max-width: 480px){.product-detail-page{padding:var(--space-3);gap:var(--space-4)}.product-detail-main{padding:var(--space-4)}.product-gallery-thumbnails{gap:var(--space-2)}.product-gallery-thumbnail{width:60px;height:60px}.product-title{font-size:var(--text-lg)}.product-actions{gap:var(--space-2)}.product-quantity{width:100%;justify-content:space-between}.product-tabs-content{padding:var(--space-4)}.product-nutrition-grid{grid-template-columns:1fr}}[data-theme=dark] .product-detail-page{background:var(--neutral-900)}[data-theme=dark] .product-breadcrumb a{color:var(--neutral-400)}[data-theme=dark] .product-breadcrumb a:hover{color:var(--primary-400)}[data-theme=dark] .product-breadcrumb span{color:var(--neutral-100)}[data-theme=dark] .product-detail-main{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .product-gallery-main{border-color:var(--neutral-700);background:var(--neutral-900)}[data-theme=dark] .product-gallery-placeholder{background:var(--neutral-800);color:var(--neutral-600)}[data-theme=dark] .product-gallery-thumbnail{border-color:var(--neutral-700);background:var(--neutral-900)}[data-theme=dark] .product-gallery-thumbnail:hover,[data-theme=dark] .product-gallery-thumbnail--active{border-color:var(--primary-500)}[data-theme=dark] .product-info-header{border-bottom-color:var(--neutral-700)}[data-theme=dark] .product-brand{color:var(--primary-400)}[data-theme=dark] .product-title{color:var(--neutral-100)}[data-theme=dark] .product-short-description{color:var(--neutral-400)}[data-theme=dark] .product-rating-value{color:var(--neutral-100)}[data-theme=dark] .product-rating-count{color:var(--neutral-400)}[data-theme=dark] .product-meta{background:var(--neutral-900)}[data-theme=dark] .product-meta-label{color:var(--neutral-400)}[data-theme=dark] .product-meta-value{color:var(--neutral-100)}[data-theme=dark] .product-price{color:var(--primary-400)}[data-theme=dark] .product-price-original{color:var(--neutral-500)}[data-theme=dark] .product-price-unit{color:var(--neutral-400)}[data-theme=dark] .product-stock-indicator:has(.product-stock-text--available){background:#22c55e26}[data-theme=dark] .product-stock-text--available{color:var(--green-400)}[data-theme=dark] .product-stock-indicator:has(.product-stock-text--low){background:#eab30826}[data-theme=dark] .product-stock-text--low{color:var(--yellow-400)}[data-theme=dark] .product-stock-indicator:has(.product-stock-text--out){background:#ef444426}[data-theme=dark] .product-stock-text--out{color:var(--red-400)}[data-theme=dark] .product-quantity{background:var(--neutral-900)}[data-theme=dark] .product-quantity-btn{border-color:var(--neutral-600);background:var(--neutral-800);color:var(--neutral-300)}[data-theme=dark] .product-quantity-btn:hover:not(:disabled){border-color:var(--primary-500);background:#3b82f626;color:var(--primary-300)}[data-theme=dark] .product-quantity-input{border-color:var(--neutral-600);background:var(--neutral-800);color:var(--neutral-100)}[data-theme=dark] .product-allergens{background:#eab30826;border-color:var(--yellow-700);color:var(--yellow-300)}[data-theme=dark] .product-allergens-icon{color:var(--yellow-400)}[data-theme=dark] .product-tabs{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .product-tabs-header{background:var(--neutral-900);border-bottom-color:var(--neutral-700)}[data-theme=dark] .product-tab{color:var(--neutral-400)}[data-theme=dark] .product-tab:hover{background:var(--neutral-800);color:var(--neutral-100)}[data-theme=dark] .product-tab--active{background:var(--neutral-800);color:var(--primary-400);border-bottom-color:var(--primary-500)}[data-theme=dark] .product-description{color:var(--neutral-300)}[data-theme=dark] .product-ingredients{background:var(--neutral-900)}[data-theme=dark] .product-ingredients h3{color:var(--neutral-100)}[data-theme=dark] .product-ingredients p{color:var(--neutral-300)}[data-theme=dark] .product-nutrition-item{background:var(--neutral-900)}[data-theme=dark] .product-nutrition-label{color:var(--neutral-400)}[data-theme=dark] .product-nutrition-value{color:var(--neutral-100)}[data-theme=dark] .product-reviews-header{border-bottom-color:var(--neutral-700)}[data-theme=dark] .product-reviews-rating{color:var(--neutral-100)}[data-theme=dark] .product-reviews-count{color:var(--neutral-400)}[data-theme=dark] .product-review{background:var(--neutral-900)}[data-theme=dark] .product-review-author-name{color:var(--neutral-100)}[data-theme=dark] .product-review-date{color:var(--neutral-500)}[data-theme=dark] .product-review-comment{color:var(--neutral-300)}[data-theme=dark] .product-reviews-empty{color:var(--neutral-500)}[data-theme=dark] .product-related-title{color:var(--neutral-100)}[data-theme=dark] .product-related-card{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .product-related-card:hover{border-color:var(--primary-500)}[data-theme=dark] .product-related-image,[data-theme=dark] .product-related-placeholder{background:var(--neutral-900)}[data-theme=dark] .product-related-placeholder{color:var(--neutral-600)}[data-theme=dark] .product-related-name{color:var(--neutral-100)}[data-theme=dark] .product-related-price{color:var(--primary-400)}@media (prefers-reduced-motion: reduce){.product-gallery-thumbnail,.product-quantity-btn,.product-tab,.product-related-card,.product-tab-panel{animation:none;transition:none}.product-related-card:hover{transform:none}}@media (prefers-contrast: high){.product-detail-main,.product-tabs,.product-gallery-main,.product-gallery-thumbnail{border-width:3px}.product-quantity-btn:focus-visible,.product-quantity-input:focus-visible,.product-tab:focus-visible{outline:3px solid var(--primary-500);outline-offset:2px}}@media print{.product-detail-page{background:var(--white);padding:0}.product-breadcrumb,.product-actions,.product-gallery-thumbnails,.product-related{display:none}.product-detail-main{border:2px solid var(--neutral-900);page-break-inside:avoid}.product-tabs-header{display:none}.product-tabs-content{border:none}}.product-gallery-thumbnail:focus-visible,.product-quantity-btn:focus-visible,.product-quantity-input:focus-visible,.product-tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--neutral-50);padding:var(--space-4)}[data-theme=dark] .auth-page{background:var(--neutral-900)}.auth-container{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;min-height:700px}[data-theme=dark] .auth-container{background:var(--neutral-800)}.auth-branding{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);color:var(--white);padding:var(--space-12);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.auth-branding:after{content:"";position:absolute;bottom:-30%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.auth-branding-content{position:relative;z-index:1;max-width:480px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);margin-bottom:var(--space-6)}.auth-logo svg{color:var(--white)}.auth-branding-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0;line-height:1.2}.auth-branding-subtitle{font-size:var(--text-lg);line-height:1.6;margin:0 0 var(--space-8) 0;opacity:.95}.auth-features{display:flex;flex-direction:column;gap:var(--space-4)}.auth-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);font-size:var(--text-base)}.auth-feature svg{flex-shrink:0;color:var(--white)}.auth-benefits{display:flex;flex-direction:column;gap:var(--space-6)}.auth-benefit{display:flex;gap:var(--space-4)}.auth-benefit-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl)}.auth-benefit-icon svg{color:var(--white)}.auth-benefit-content{flex:1}.auth-benefit-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.auth-benefit-description{font-size:var(--text-sm);margin:0;opacity:.9;line-height:1.5}.auth-form-section{padding:var(--space-12);display:flex;align-items:center;justify-content:center}.auth-form-container{width:100%;max-width:440px}.auth-form-header{margin-bottom:var(--space-8);text-align:center}.auth-form-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}[data-theme=dark] .auth-form-title{color:var(--white)}.auth-form-subtitle{font-size:var(--text-base);color:var(--neutral-600);margin:0}[data-theme=dark] .auth-form-subtitle{color:var(--neutral-400)}.auth-error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-lg);color:var(--red-700);font-size:var(--text-sm);margin-bottom:var(--space-6);animation:slideDown var(--transition-base)}[data-theme=dark] .auth-error-banner{background:#ef44441a;border-color:var(--red-800);color:var(--red-400)}.auth-error-banner svg{flex-shrink:0;color:var(--red-500)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-social-login{margin-bottom:var(--space-6)}.auth-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);background:var(--white);color:var(--neutral-700);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3)}.auth-social-btn:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-social-btn:active{transform:translateY(0)}.auth-social-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}[data-theme=dark] .auth-social-btn{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--white)}[data-theme=dark] .auth-social-btn:hover{background:var(--neutral-600);border-color:var(--neutral-500)}.auth-social-btn svg{flex-shrink:0}.auth-social-btn--google:hover{border-color:#4285f4}.auth-social-btn--facebook{color:#1877f2}.auth-social-btn--facebook:hover{border-color:#1877f2;background:#1877f20d}.auth-social-btn--apple{color:var(--neutral-900)}[data-theme=dark] .auth-social-btn--apple{color:var(--white)}.auth-social-btn--apple:hover{border-color:var(--neutral-900);background:var(--neutral-50)}[data-theme=dark] .auth-social-btn--apple:hover{border-color:var(--white);background:var(--neutral-600)}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-6) 0;color:var(--neutral-500);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--neutral-300)}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{border-color:var(--neutral-600)}.auth-divider span{padding:0 var(--space-3)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.auth-input-with-action{position:relative}.auth-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--neutral-500);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.auth-password-toggle:hover{color:var(--neutral-700);background:var(--neutral-100)}[data-theme=dark] .auth-password-toggle:hover{color:var(--neutral-300);background:var(--neutral-700)}.auth-password-toggle:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.auth-password-strength{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.auth-password-strength-bar{flex:1;height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .auth-password-strength-bar{background:var(--neutral-700)}.auth-password-strength-fill{height:100%;transition:all var(--transition-base);border-radius:var(--radius-full)}.auth-password-strength span{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.auth-form-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=dark] .auth-checkbox-label{color:var(--neutral-300)}.auth-checkbox{width:18px;height:18px;border:2px solid var(--neutral-400);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.auth-checkbox:checked{background:var(--primary-500);border-color:var(--primary-500)}.auth-checkbox:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.auth-checkbox:hover{border-color:var(--primary-500)}.auth-link-btn{background:none;border:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast);padding:0;text-decoration:underline}.auth-link-btn:hover{color:var(--primary-700)}.auth-link-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}[data-theme=dark] .auth-link-btn{color:var(--primary-400)}[data-theme=dark] .auth-link-btn:hover{color:var(--primary-300)}.auth-link-btn--primary{color:var(--primary-600);font-weight:var(--font-semibold)}[data-theme=dark] .auth-link-btn--primary{color:var(--primary-400)}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-200);text-align:center}[data-theme=dark] .auth-footer{border-color:var(--neutral-700)}.auth-footer-text{font-size:var(--text-sm);color:var(--neutral-600);margin:0}[data-theme=dark] .auth-footer-text{color:var(--neutral-400)}.auth-security-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--neutral-600)}[data-theme=dark] .auth-security-badge{background:var(--neutral-700);color:var(--neutral-400)}.auth-security-badge svg{flex-shrink:0;color:var(--green-500)}@media (max-width: 1024px){.auth-container{grid-template-columns:1fr;max-width:600px}.auth-branding{padding:var(--space-8);min-height:auto}.auth-branding:before,.auth-branding:after{display:none}.auth-branding-title{font-size:var(--text-3xl)}.auth-branding-subtitle{font-size:var(--text-base)}.auth-features,.auth-benefits{display:none}.auth-form-section{padding:var(--space-8)}}@media (max-width: 640px){.auth-page{padding:var(--space-3)}.auth-container{border-radius:var(--radius-xl)}.auth-branding{padding:var(--space-6);text-align:center}.auth-logo{margin-left:auto;margin-right:auto}.auth-branding-title{font-size:var(--text-2xl)}.auth-branding-subtitle{font-size:var(--text-sm)}.auth-form-section{padding:var(--space-6)}.auth-form-container{max-width:100%}.auth-form-title{font-size:var(--text-2xl)}.auth-form-subtitle{font-size:var(--text-sm)}.auth-form-row{grid-template-columns:1fr}.auth-form-options{flex-direction:column;align-items:flex-start}.auth-social-btn{font-size:var(--text-sm);padding:var(--space-3)}}@media (max-width: 480px){.auth-page{padding:0;align-items:stretch}.auth-container{border-radius:0;min-height:100vh}.auth-branding{padding:var(--space-5)}.auth-logo{width:60px;height:60px}.auth-logo svg{width:32px;height:32px}.auth-form-section{padding:var(--space-5)}.auth-form-header{margin-bottom:var(--space-6)}}@media (prefers-reduced-motion: reduce){.auth-error-banner,.auth-password-strength-fill,.auth-social-btn,.auth-password-toggle{animation:none;transition:none}}@media (prefers-contrast: high){.auth-social-btn{border-width:2px}.auth-link-btn{text-decoration-thickness:2px}.auth-checkbox{border-width:3px}}.auth-social-btn:focus-visible,.auth-password-toggle:focus-visible,.auth-checkbox:focus-visible,.auth-link-btn:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--primary-500)}@media print{.auth-page{background:#fff;padding:0}.auth-branding{display:none}.auth-container{box-shadow:none;border:1px solid var(--neutral-300)}.auth-social-login,.auth-security-badge,.auth-footer,.auth-form button[type=submit]{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-form-container{animation:fadeIn var(--transition-slow)}@media (hover: hover){.auth-social-btn{position:relative;overflow:hidden}.auth-social-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000000d;transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}.auth-social-btn:hover:before{width:300px;height:300px}[data-theme=dark] .auth-social-btn:before{background:#ffffff0d}}.auth-form--loading{opacity:.6;pointer-events:none}.auth-form--loading *{cursor:not-allowed}