.compte-page{padding:var(--spacing-2xl) 0}.btn-warning{background:#f59e0b;color:white;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.compte-card-footer .btn,.compte-card-footer button{flex:1 1}.btn-warning:hover{background:#d97706;color:white}.compte-verified-sent{display:inline-flex;align-items:center;gap:.4rem;color:var(--success-color,#16a34a);font-size:.9rem;font-weight:500}.compte-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.compte-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.compte-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.compte-card-header{padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color)}.compte-card-title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.compte-card-body,.compte-card-footer{padding:var(--spacing-lg)}.compte-card-footer{border-top:var(--border-width) solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.compte-info-group{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0;border-bottom:var(--border-width) solid var(--border-color)}.compte-info-group:last-child{border-bottom:none}.compte-info-icon{color:var(--accent-color);flex-shrink:0}.compte-info-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.compte-info-value{font-size:var(--font-size-base);color:var(--text-primary);margin-left:calc(20px + var(--spacing-sm))}.compte-info-group .badge{align-self:flex-start;margin-left:calc(20px + var(--spacing-sm))}.compte-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.compte-action-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--background-color);transition:all var(--transition-fast);text-decoration:none}.compte-action-link:hover{background-color:var(--primary-color);transform:translateX(4px)}.compte-action-link:hover .compte-action-description,.compte-action-link:hover .compte-action-title{color:var(--white)}.compte-action-icon{font-size:var(--font-size-3xl);flex-shrink:0}.compte-action-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.compte-action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color var(--transition-fast)}.compte-action-description{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}@media (max-width:1024px){.compte-page{padding:var(--spacing-xl) 0}.compte-grid{gap:var(--spacing-lg)}.compte-header{margin-bottom:var(--spacing-xl)}.compte-action-link{padding:var(--spacing-sm)}}@media (max-width:768px){.compte-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.compte-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.compte-card-body,.compte-card-footer,.compte-card-header{padding:var(--spacing-md)}.compte-card-title{font-size:var(--font-size-lg)}.compte-action-link{padding:var(--spacing-md)}}.home-page{min-height:100vh;background-color:var(--background-color)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-section{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/placeholder/legumes-ete.webp) 50%/cover no-repeat;min-height:600px}.hero-content{max-width:700px;text-align:center}.hero-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--white);margin-bottom:var(--spacing-md);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-subtitle{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg);opacity:.95}.hero-description,.hero-subtitle{color:var(--white);text-shadow:0 1px 6px rgba(0,0,0,.4)}.hero-description{font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-2xl)}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-actions,.hero-actions .btn{justify-content:center}.hero-image,.hero-image-placeholder{display:flex;align-items:center;justify-content:center}.hero-image-placeholder{width:100%;max-width:400px;aspect-ratio:1;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-xl);font-size:120px;box-shadow:var(--shadow-lg)}.current-basket-preview-section{padding:var(--spacing-2xl) 0;background-color:#f5f5f5}.current-basket-preview-card{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl);box-shadow:var(--shadow-md)}.current-basket-preview-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.current-basket-preview-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:rgba(107,157,90,.12);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600}.current-basket-preview-card h2{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700}.current-basket-preview-notes{font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic;max-width:600px}.current-basket-preview-items{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);padding:0;margin:0}.current-basket-preview-items li{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:rgba(107,157,90,.08);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(107,157,90,.2)}.current-basket-preview-items li svg{color:var(--primary-color);flex-shrink:0}.current-basket-preview-items .more-items{background-color:var(--border-color);color:var(--text-secondary);border-color:transparent}.solidarity-section{padding:var(--spacing-3xl) 0;text-align:center;background-color:var(--white)}.solidarity-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:rgba(239,68,68,.1);color:#dc2626;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-weight:600;margin-bottom:var(--spacing-lg)}.solidarity-section h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:700}.section-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.7}.values-section{padding:var(--spacing-3xl) 0;background:var(--gradient-soft-banner)}.section-title{font-size:var(--font-size-3xl);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-2xl);font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.value-card{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-normal);text-align:center}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:var(--border-radius-md);margin:0 auto var(--spacing-lg)}.value-card h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600}.value-card p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.how-it-works-section{padding:var(--spacing-3xl) 0;background:white}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.step-card{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:2px solid var(--border-color);transition:var(--transition-normal);text-align:center}.step-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.step-number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:50%;font-size:var(--font-size-2xl);font-weight:700;margin:0 auto var(--spacing-lg)}.step-card h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600}.step-card p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.cta-center{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.producers-section{padding:var(--spacing-3xl) 0;background-color:#f5f5f5;text-align:center}.location-section{padding:var(--spacing-3xl) 0;background-color:var(--white)}.location-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.location-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);gap:var(--spacing-md);transition:var(--transition-normal)}.location-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.location-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:var(--border-radius-md)}.location-card h3{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.location-card p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;flex:1 1}.producers-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.producer-preview-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal)}.producer-preview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.producer-preview-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:var(--border-radius-md);margin:0 auto var(--spacing-md)}.producer-preview-card h3{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.producer-preview-specialty{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-sm)}.producer-preview-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.join-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.join-card{max-width:800px;margin:0 auto;text-align:center;color:var(--white)}.join-card h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.join-card p{font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-xl);opacity:.95;color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);font-weight:500;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:var(--transition-normal);text-decoration:none;font-family:inherit}.btn-primary{background:var(--gradient-button);color:var(--white);box-shadow:var(--shadow-md);border:none}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-xl);color:var(--white)}.btn-secondary{background-color:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.hero-section .btn-primary{background:var(--white);color:var(--primary-color);font-weight:600;box-shadow:var(--shadow-lg);border:none}.hero-section .btn-primary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.hero-section .btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.8);font-weight:600}.hero-section .btn-secondary:hover{background:rgba(255,255,255,.15);border-color:var(--white);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.join-section .btn-primary{background:var(--white)!important;color:var(--text-primary)!important;font-weight:600;box-shadow:var(--shadow-lg);border:2px solid transparent}.join-section .btn-primary:hover{background:rgba(255,255,255,.95)!important;transform:translateY(-2px);box-shadow:var(--shadow-xl);color:var(--text-primary)!important}@media (max-width:1024px){.hero-section{gap:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-md);min-height:500px}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.how-it-works-section h2,.join-card h2,.producers-section h2,.solidarity-section h2,.values-section h2{font-size:var(--font-size-3xl)}.producers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{grid-template-columns:1fr;padding:var(--spacing-2xl) var(--spacing-sm);min-height:400px}.hero-content{text-align:center;max-width:100%}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-image-placeholder{display:none}.hero-actions{justify-content:center}.how-it-works-section,.join-section,.producers-section,.solidarity-section,.values-section{padding:var(--spacing-xl) 0}.join-card h2,.solidarity-section h2{font-size:var(--font-size-2xl)}.producers-grid,.steps-grid,.values-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:var(--font-size-xl)}.hero-actions{flex-direction:column;width:100%;margin-top:var(--spacing-md)}.hero-actions .btn{width:100%}}