body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;width:100%}.auth-card h2{color:#333;font-size:2rem;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:#666;margin:0 0 2rem;text-align:center}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{transition:border-color .3s ease}.form-group input:disabled{background-color:#f5f5f5}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:.9rem;margin-bottom:1rem;padding:1rem}.auth-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#666;margin:0}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:500px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.5rem}}.page-header{margin-bottom:3rem;padding:2rem 1rem;text-align:center}.page-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.page-header p{color:#fffffff2;font-size:1.1rem}.product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:1rem 0}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.product-image{background:#f5f5f5;height:250px;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-info{padding:1.5rem}.product-info h3{color:#333;font-size:1.25rem;margin:0 0 .5rem}.product-price{color:#667eea;font-size:1.5rem;font-weight:700;margin:0}.out-of-stock{background:#ff5252;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;margin-top:.5rem;padding:.25rem .75rem}.no-products{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.breadcrumb{align-items:center;color:#ffffffe6;display:flex;gap:.5rem;margin-bottom:2rem}.breadcrumb a{color:#ffffffe6;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span:last-child{color:#fff;font-weight:600}.product-detail{grid-gap:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem}.product-images{display:flex;flex-direction:column;gap:1rem}.main-image{background:#f5f5f5;border-radius:8px;height:400px;overflow:hidden;width:100%}.main-image img{height:100%;object-fit:contain;width:100%}.variant-images{display:flex;flex-wrap:wrap;gap:1rem}.variant-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;transition:border-color .2s;width:80px}.variant-thumb.active,.variant-thumb:hover{border-color:#667eea}.variant-thumb img{height:100%;object-fit:cover;width:100%}.product-details h1{color:#333;font-size:2rem;margin-bottom:.5rem}.product-sku{color:#999;font-size:.9rem;margin-bottom:1rem}.product-price-large{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:1rem}.product-stock{margin-bottom:1.5rem}.in-stock{color:#4caf50;font-weight:600}.out-of-stock-label{color:#ff5252;font-weight:600}.product-description{color:#666;line-height:1.6;margin-bottom:2rem}.product-actions{display:flex;flex-direction:column;gap:1rem}.quantity-selector{display:flex;flex-direction:column;gap:.5rem}.quantity-selector label{color:#333;font-weight:600}.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-controls button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1.2rem;height:40px;transition:all .2s;width:40px}.quantity-controls button:hover:not(:disabled){border-color:#667eea;color:#667eea}.quantity-controls button:disabled{cursor:not-allowed;opacity:.3}.quantity-controls input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;height:40px;text-align:center;width:80px}.add-to-cart-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.add-to-cart-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.add-to-cart-btn.added{background:#4caf50}.add-to-cart-btn:disabled{cursor:not-allowed;opacity:.6}.back-link{color:#667eea;display:inline-block;font-weight:600;margin-top:2rem;text-decoration:none}.back-link:hover{text-decoration:underline}@media (max-width:968px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}}@media (max-width:640px){.product-grid{grid-template-columns:1fr}}.cart-page{padding:2rem 0}.cart-page h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #0003}.empty-cart{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:4rem 2rem;text-align:center}.empty-cart h2{color:#333;margin-bottom:1rem}.empty-cart p{color:#666;margin-bottom:2rem}.cart-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{grid-gap:1.5rem;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto auto auto;padding:1.5rem}.cart-item-image{background:#f5f5f5;border-radius:8px;height:100px;overflow:hidden;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-details h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.cart-item-sku{color:#999;font-size:.85rem;margin:0}.cart-item-price{color:#667eea;font-size:1.1rem;font-weight:600;margin:.5rem 0 0}.cart-item-quantity{display:flex;flex-direction:column;gap:.5rem}.cart-item-quantity label{color:#666;font-size:.85rem}.cart-item-total{color:#333;font-size:1.2rem;font-weight:700}.cart-item-remove{align-items:center;background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background .2s;width:32px}.cart-item-remove:hover{background:#d32f2f}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.cart-summary h2{color:#333;margin:0 0 1.5rem}.summary-row{border-bottom:1px solid #eee;padding:.75rem 0}.summary-row.total{border-bottom:none}.checkout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.checkout-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.continue-shopping{color:#667eea;display:block;font-weight:600;margin-top:1rem;text-align:center;text-decoration:none}.continue-shopping:hover{text-decoration:underline}.guest-notice{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.guest-notice a{color:#667eea;font-weight:600;text-decoration:none}.guest-notice a:hover{text-decoration:underline}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{gap:1rem;grid-template-columns:80px 1fr}.cart-item-quantity,.cart-item-total{grid-column:2}.cart-item-remove{grid-column:2;justify-self:end}}.shipping-page{margin:0 auto;max-width:700px;padding:2rem}.shipping-form .form-group{margin-bottom:1rem}.shipping-form .form-row{display:flex;gap:1rem}.form-group.half{flex:1 1}.continue-button{background-color:#000;border:none;color:#fff;cursor:pointer;padding:.8rem 1.5rem}.back-button{color:#555;margin-right:1rem}.checkout-options{margin:0 auto;max-width:800px;padding:3rem 2rem;text-align:center}.checkout-options h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.checkout-options>p{color:#ffffffe6;font-size:1.1rem;margin-bottom:3rem}.option-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.option-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:3rem 2rem;transition:transform .3s,box-shadow .3s}.option-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.option-card.highlight{border:2px solid #667eea}.option-card h2{color:#333;margin-bottom:1rem}.option-card p{color:#666;margin-bottom:2rem}.option-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s}.option-button:hover{background:#667eea;color:#fff}.option-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.option-button.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.register-link{color:#667eea;display:block;font-size:.9rem;margin-top:1rem;text-decoration:none}.register-link:hover{text-decoration:underline}.checkout-page{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px;padding:2rem 0}.checkout-form-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.checkout-form-section h1{color:#333;margin-bottom:2rem}.form-section{margin-bottom:2rem}.form-section h2{border-bottom:2px solid #eee;color:#333;font-size:1.3rem;padding-bottom:.5rem}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.back-button{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-button:hover{background:#667eea;color:#fff}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.checkout-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.checkout-summary h2{color:#333;margin-bottom:1.5rem}.summary-items{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.summary-item{grid-gap:1rem;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:60px 1fr auto;padding:1rem 0}.summary-item img{border-radius:6px;height:60px;object-fit:cover;width:60px}.summary-item-info{display:flex;flex-direction:column;gap:.25rem}.summary-item-title{color:#333;font-size:.9rem;font-weight:600;margin:0}.summary-item-qty{color:#999;font-size:.85rem;margin:0}.summary-item-price{color:#667eea;font-weight:600;margin:0}.summary-totals{border-top:2px solid #eee;padding-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0}.summary-row.total{border-top:2px solid #333;font-size:1.3rem;font-weight:700;margin-top:1rem;padding-top:1rem}@media (max-width:968px){.checkout-page,.option-cards{grid-template-columns:1fr}.checkout-summary{position:static}}.checkout-choice{background-color:#fafafa;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin:1.5rem 0;padding:2rem;text-align:center}.checkout-choice p{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.checkout-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.login-checkout-btn{background-color:#0070f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.login-checkout-btn:hover{background-color:#0059c9}.guest-checkout-btn{background-color:#fff;border:2px solid #0070f3;border-radius:8px;color:#0070f3;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.guest-checkout-btn:hover{background-color:#0070f3;color:#fff}@media (max-width:600px){.checkout-buttons{flex-direction:column;gap:.75rem}.guest-checkout-btn,.login-checkout-btn{width:100%}}.checkout-option-page{background-color:#fff;border:1px solid #e2e2e2;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:4rem auto;max-width:720px;padding:3rem 2rem;text-align:center}.checkout-option-page h1{color:#222;font-size:2rem;font-weight:700;margin-bottom:1rem}.checkout-option-page p.subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.checkout-option-buttons{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.option-login-btn{background-color:#0070f3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.9rem 2rem;transition:all .2s ease}.option-login-btn:hover{background-color:#0059c9;transform:translateY(-1px)}.option-guest-btn{background-color:#fff;border:2px solid #0070f3;border-radius:10px;color:#0070f3;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.9rem 2rem;transition:all .2s ease}.option-guest-btn:hover{background-color:#0070f3;color:#fff;transform:translateY(-1px)}.divider{align-items:center;color:#888;display:flex;margin:2rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider:not(:empty):before{margin-right:1em}.divider:not(:empty):after{margin-left:1em}.guest-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:left}.guest-info h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.guest-info p{color:#555;font-size:.95rem;line-height:1.5}@media (max-width:600px){.checkout-option-page{margin:2rem 1rem;padding:2rem 1.25rem}.checkout-option-buttons{flex-direction:column}.option-guest-btn,.option-login-btn{width:100%}}.payment-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2rem}.payment-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;max-width:500px;padding:3rem;width:100%}.payment-container h1{color:#333;margin-bottom:.5rem;text-align:center}.payment-subtitle{color:#999;margin-bottom:2rem;text-align:center}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.card-element-wrapper{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:border-color .3s}.card-element-wrapper:focus-within{border-color:#667eea}.payment-summary{background:#f5f5f5;border-radius:8px;margin:1rem 0;padding:1.5rem}.payment-summary .summary-row{align-items:center;display:flex;justify-content:space-between}.payment-summary .amount{color:#667eea;font-size:1.5rem;font-weight:700}.pay-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.pay-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.pay-button:disabled{cursor:not-allowed;opacity:.6}.payment-security{border-top:1px solid #eee;padding-top:1.5rem;text-align:center}.payment-security p{color:#666;font-size:.9rem;margin:.5rem 0}.test-card-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-top:1rem;padding:.75rem}@media (max-width:640px){.payment-container{padding:2rem 1.5rem}}.success-page{margin:0 auto;max-width:600px;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;box-shadow:0 8px 24px #4caf5066;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.success-page h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.success-message{color:#fffffff2;font-size:1.1rem;margin-bottom:3rem}.order-details{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 0}.detail-row:last-child{border-bottom:none}.detail-row span{color:#666}.detail-row strong{color:#333;font-size:1.1rem}.status-paid{color:#4caf50}.success-info{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.success-info p{color:#666;line-height:1.6;margin:1rem 0}.success-actions{display:flex;flex-direction:column;gap:1rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.primary-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.secondary-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s}.secondary-button:hover{background:#667eea;color:#fff}@media (max-width:640px){.success-page{padding:2rem 1rem}.success-page h1{font-size:2rem}}.my-orders-page{padding:2rem 0}.my-orders-page h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #0003}.no-orders{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:4rem 2rem;text-align:center}.no-orders p{color:#666;margin-bottom:2rem}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.order-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background .2s}.order-header:hover{background:#f9f9f9}.order-info h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.order-date{color:#999;font-size:.9rem;margin:0}.order-meta{align-items:center;display:flex;gap:1.5rem}.order-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.status-pending{background:#fff3cd;color:#856404}.status-paid{background:#d4edda;color:#155724}.status-processing{background:#d1ecf1;color:#0c5460}.status-shipped{background:#cce5ff;color:#004085}.status-delivered{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.order-total{color:#667eea;font-size:1.3rem;font-weight:700}.expand-icon{color:#999;font-size:.9rem;transition:transform .2s}.order-details{animation:slideDown .3s ease;border-top:1px solid #eee;padding:0 1.5rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-details h4{color:#333;margin:1.5rem 0 1rem}.order-items{margin-bottom:2rem}.order-item{grid-gap:1rem;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:80px 1fr auto;padding:1rem}.order-item:last-child{border-bottom:none}.order-item img{border-radius:8px;height:80px;object-fit:cover;width:80px}.order-item-info{display:flex;flex-direction:column;gap:.25rem}.order-item-title{color:#333;font-weight:600;margin:0}.order-item-sku{color:#999;font-size:.85rem;margin:0}.order-item-pricing{text-align:right}.order-item-pricing p{color:#666;margin:.25rem 0}.order-item-price{color:#667eea;font-size:1.1rem;font-weight:600}.order-summary{background:#f9f9f9;border-radius:8px;padding:1.5rem}.order-summary .summary-row{display:flex;justify-content:space-between;padding:.5rem 0}.order-summary .summary-row.total{border-top:2px solid #333;font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1rem}.payment-id{color:#999;font-family:monospace;font-size:.85rem}@media (max-width:768px){.order-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-meta{justify-content:space-between;width:100%}.order-item{grid-template-columns:60px 1fr}.order-item-pricing{grid-column:2;text-align:left}}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fffffffa;box-shadow:0 4px 6px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:1.5rem}.nav-link,.nav-user{color:#333;font-weight:500}.nav-link{text-decoration:none;transition:color .2s}.nav-link:hover{color:#667eea}.cart-icon-link{font-size:1.5rem;position:relative;text-decoration:none;transition:transform .2s}.cart-icon-link:hover{transform:scale(1.1)}.cart-badge{background:#ff5252;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.2rem .4rem;position:absolute;right:-8px;text-align:center;top:-8px}.nav-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.nav-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.home-header{margin-bottom:2rem;padding:2rem 1rem;text-align:center}.home-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.welcome-message{color:#fffffff2;font-size:1.1rem;margin-top:1rem}.welcome-message a{color:#fff;font-weight:600;text-decoration:underline}.welcome-message a:hover{text-decoration:none}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem}.error,.loading{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;font-size:1.2rem;margin:2rem;padding:3rem;text-align:center}.loading{color:#667eea}.error{background-color:#ffebee;color:#d32f2f}.no-articles{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.no-articles h2{color:#333;margin-bottom:1rem}.no-articles p{color:#666;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.cta-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem 0}.article-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{border-color:#667eea;box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.article-content{padding:1.5rem}.article-content h2{color:#333;font-size:1.5rem;line-height:1.3;margin:0 0 1rem}.article-content p{color:#666;line-height:1.6;margin:0 0 1rem}.article-meta{align-items:center;border-top:1px solid #eee;display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem}.article-meta time{color:#999}.article-id{color:#667eea;font-family:monospace;font-size:.8rem;font-weight:600}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{justify-content:center;width:100%}.home-header h1{font-size:2rem}.articles-grid{grid-template-columns:1fr}.article-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.ce56c84c.css.map*/