:root{--color-lavender:#e9eef9;--color-cerulean-blue:#0062a7;--color-cerulean-blue-hover:#00508a;--color-cerulean-blue-light:#0062a71a;--color-cerulean-blue-medium:#0062a733;--color-cerulean-blue-dark:#0062a74d;--color-space-grey:#334249;--color-space-grey-light:#3342491a;--color-space-grey-medium:#33424933;--color-bg-primary:#1a1f23;--color-bg-secondary:#2a2f33;--color-bg-card:#2a2f33cc;--color-bg-input:#ffffff0d;--color-bg-input-focus:#ffffff14;--color-text-primary:#fff;--color-text-secondary:#fffc;--color-text-tertiary:#ffffffb3;--color-text-muted:#ffffff80;--color-border-primary:#ffffff1a;--color-border-secondary:#fff3;--color-border-accent:#0062a74d;--color-shadow-light:#0000004d;--color-shadow-medium:#00000080;--color-shadow-accent:#0062a74d;--color-shadow-accent-hover:#0062a766;--color-error:#d32f2f;--color-error-light:#ffebee;--color-error-hover:#d32f2f33;--color-disabled:#ccc;--color-overlay:#33424980;--font-family-primary:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Courier New",monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1f23;background:var(--color-bg-primary);color:#fff;color:var(--color-text-primary);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-weight:300;font-weight:var(--font-weight-light);margin:0}code{font-family:Courier New,monospace;font-family:var(--font-family-mono)}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.product-card:hover{border-color:var(--color-border-accent);box-shadow:0 8px 24px var(--color-shadow-accent);transform:translateY(-4px)}.product-image{background:var(--color-cerulean-blue-light);height:280px;object-fit:cover;width:100%}.product-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.product-name{color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-medium);margin:0 0 8px}.product-description,.product-name{font-family:var(--font-family-primary)}.product-description{color:var(--color-text-tertiary);flex:1 1;font-size:14px;font-weight:var(--font-weight-light);line-height:1.5;margin:0 0 16px}.product-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.product-price{color:var(--color-cerulean-blue);font-size:22px}.add-to-cart-button,.product-price{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium)}.add-to-cart-button{background:var(--color-cerulean-blue);border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.add-to-cart-button:hover:not(:disabled){background:var(--color-cerulean-blue-hover);box-shadow:0 4px 8px var(--color-shadow-accent);transform:translateY(-1px)}.add-to-cart-button:disabled{background:var(--color-bg-card);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.address-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:var(--font-weight-regular);margin-bottom:4px}.form-group input,.form-group label,.form-group select{color:var(--color-text-primary);font-family:var(--font-family-primary)}.form-group input,.form-group select{background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:4px;box-sizing:border-box;font-size:14px;font-weight:var(--font-weight-light);padding:8px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:var(--color-bg-input-focus);border-color:var(--color-cerulean-blue);outline:none}.form-group input.input-error,.form-group input.input-error:focus,.form-group select.input-error,.form-group select.input-error:focus{background-color:#fff5f5;border-color:#dc3545}.form-group input::placeholder,.form-group select::placeholder{color:var(--color-text-muted)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr}.error{color:var(--color-error);display:block;font-size:12px;font-weight:var(--font-weight-light);margin-top:4px}.error,.submit-button{font-family:var(--font-family-primary)}.submit-button{background:var(--color-cerulean-blue);border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:16px;font-weight:var(--font-weight-medium);margin-top:16px;padding:12px;transition:background-color .2s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--color-cerulean-blue-hover)}.submit-button:disabled{background:var(--color-disabled);cursor:not-allowed;opacity:.6}.checkout-overlay{align-items:center;background:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 8px 32px var(--color-shadow-medium);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.checkout-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;padding:16px}.back-button{background:none;border:none;color:var(--color-cerulean-blue);cursor:pointer;font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-regular);margin-right:12px;transition:color .2s ease}.back-button:hover{color:var(--color-cerulean-blue-hover)}.checkout-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0}.checkout-content{flex:1 1;overflow-y:auto;padding:16px}.order-summary{margin-bottom:24px}.order-summary h3{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0 0 12px}.summary-item{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-weight:var(--font-weight-light);padding:8px 0}.summary-item,.summary-total{display:flex;font-family:var(--font-family-primary);justify-content:space-between}.summary-total{border-top:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-medium);margin-top:12px;padding-top:12px}.payment-info{background:var(--color-cerulean-blue-light);border:1px solid var(--color-cerulean-blue-medium);border-radius:4px;margin-bottom:24px;padding:16px}.payment-info h3{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0 0 8px}.payment-info h3,.payment-info p{font-family:var(--font-family-primary)}.payment-info p{color:var(--color-text-tertiary);font-weight:var(--font-weight-light);margin:0}.place-order-button{background:var(--color-cerulean-blue);border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:16px;font-weight:var(--font-weight-medium);padding:12px;transition:background-color .2s ease;width:100%}.place-order-button:hover:not(:disabled){background:var(--color-cerulean-blue-hover)}.place-order-button:disabled{background:var(--color-disabled);cursor:not-allowed;opacity:.6}.order-confirmation{background:var(--color-cerulean-blue-light);border-left:4px solid var(--color-cerulean-blue);border-radius:4px;margin-bottom:24px;padding:16px}.order-confirmation h3{color:var(--color-cerulean-blue);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0 0 12px}.order-confirmation p{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);margin:8px 0}.payment-instructions{margin-bottom:24px}.payment-instructions h3{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0 0 12px}.payid-reference{background:var(--color-cerulean-blue-light);border:2px dashed var(--color-cerulean-blue);border-radius:4px;margin:16px 0;padding:16px}.payid-reference p{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0 0 8px}.payid-code{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:4px;color:var(--color-cerulean-blue);display:block;font-family:var(--font-family-mono);font-size:16px;font-weight:var(--font-weight-semibold);padding:12px;text-align:center;word-break:break-all}.payment-steps{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);margin:16px 0;padding-left:24px}.payment-steps li{line-height:1.6;margin:8px 0}.payment-steps strong{color:var(--color-cerulean-blue);font-weight:var(--font-weight-medium)}.payment-note{background:var(--color-cerulean-blue-light);border-left:4px solid var(--color-cerulean-blue);border-radius:4px;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-light);margin-top:16px;padding:12px}.referral-code-section{margin-bottom:24px}.referral-code-section label{color:var(--color-text-primary);display:block;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin-bottom:8px}.referral-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.referral-code-input{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:4px;color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:14px;padding:10px 12px;transition:border-color .2s ease}.referral-code-input:focus{border-color:var(--color-cerulean-blue);outline:none}.referral-code-input.valid{border-color:#4caf50}.referral-code-input.invalid{border-color:#f44336}.referral-status{font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap}.referral-status.valid{color:#4caf50}.referral-status.invalid{color:#f44336}.cart-overlay{align-items:center;background:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cart-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 8px 32px var(--color-shadow-medium);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.cart-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px}.cart-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:0}.close-button{color:var(--color-text-secondary);transition:color .2s ease}.close-button:hover{color:var(--color-cerulean-blue)}.cart-items{flex:1 1;overflow-y:auto;padding:16px}.cart-item{border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;padding:12px}.cart-item-info h4{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0 0 4px}.cart-item-info h4,.cart-item-info p{font-family:var(--font-family-primary)}.cart-item-info p{color:var(--color-text-tertiary);font-size:14px;font-weight:var(--font-weight-light);margin:0}.cart-item-controls{align-items:center;display:flex;gap:8px;margin:8px 0}.cart-item-controls button{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);padding:4px 8px;transition:all .2s ease}.cart-item-controls button:hover{background:var(--color-cerulean-blue-medium);border-color:var(--color-cerulean-blue)}.cart-item-controls .remove-button{border-color:var(--color-error);color:var(--color-error);margin-left:auto}.cart-item-controls .remove-button:hover{background:var(--color-error-hover)}.cart-item-total{color:var(--color-cerulean-blue);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium)}.cart-footer{border-top:1px solid var(--color-border-primary);padding:16px}.cart-total{font-size:18px;margin-bottom:12px}.cart-total,.checkout-button{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium)}.checkout-button{background:var(--color-cerulean-blue);border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s ease;width:100%}.checkout-button:hover:not(:disabled){background:var(--color-cerulean-blue-hover)}.checkout-button:disabled{background:var(--color-disabled);cursor:not-allowed;opacity:.6}.cart-empty{color:var(--color-text-tertiary);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);padding:32px;text-align:center}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-box{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.admin-login-box h1{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.admin-login-box .form-group{margin-bottom:20px}.admin-login-box .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.admin-login-box .form-group input{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;width:100%}.admin-login-box .form-group input:focus{border-color:#667eea;outline:none}.login-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s;width:100%}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fee;border-radius:4px;color:#c33;margin-bottom:20px;padding:12px;text-align:center}.admin-dashboard{background:#f5f5f5;min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-header h1{color:#333;margin:0}.logout-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.logout-button:hover{background:#c82333}.admin-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.admin-filters label{align-items:center;color:#555;display:flex;font-weight:500;gap:10px}.status-filter{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.refresh-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.refresh-button:hover:not(:disabled){background:#5568d3}.refresh-button:disabled{background:#ccc;cursor:not-allowed}.orders-container{display:flex;gap:20px}.orders-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f8f9fa}.orders-table th{border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px;text-align:left}.orders-table td{border-bottom:1px solid #dee2e6;color:#333;padding:12px}.orders-table tbody tr{cursor:pointer;transition:background .2s}.orders-table tbody tr:hover{background:#f8f9fa}.orders-table tbody tr.selected{background:#e7f3ff}.no-orders{color:#999;padding:40px;text-align:center}.customer-info{font-size:14px}.customer-phone{color:#666;font-size:12px;margin-top:4px}.items-list{color:#666;font-size:13px}.items-list div{margin-bottom:4px}.status-badge{border-radius:12px;display:inline-block;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-pending{background:#e9ecef;color:#495057}.status-processing{background:#cfe2ff;color:#084298}.status-shipped{background:#d1e7dd;color:#0f5132}.status-delivered{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-paid{background:#d1e7dd;color:#0f5132}.status-pending-reference{background:#e7f5e9;border:1px solid #4caf50;color:#2e7d32}.mark-delivered-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s}.mark-delivered-button:hover{background:#218838}.status-select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:border-color .2s}.status-select:hover{border-color:#667eea}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.delivered-indicator{color:#28a745;font-weight:600}.loading-message{color:#666;font-size:16px;padding:40px;text-align:center}.order-details-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 200px);width:400px}.order-details-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.order-details-header h2{color:#333;font-size:20px;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-button:hover{background:#f0f0f0}.order-details-content{flex:1 1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:30px}.detail-section h3{border-bottom:2px solid #667eea;color:#333;font-size:18px;margin:0 0 15px;padding-bottom:8px}.detail-section p{color:#555;line-height:1.6;margin:8px 0}.address-block{background:#f8f9fa;border-radius:4px;margin-top:8px;padding:12px}.items-table td,.items-table th{border-bottom:1px solid #dee2e6;color:#333;font-size:14px;text-align:left}.items-table th{color:#333}.detail-actions{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px}.mark-delivered-button-large{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s;width:100%}.mark-delivered-button-large:hover{background:#218838}.my-orders-modal{--color-text-primary:#333;--color-text-secondary:#555;--color-text-muted:#777;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;color:var(--color-text-primary);display:flex;flex-direction:column;margin:20px;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.my-orders-modal *{color:inherit}.my-orders-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;position:fixed;z-index:2000}body.modal-open{overflow:hidden}.my-orders-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.my-orders-header h2{margin:0}.my-orders-header .close-button{background:none;border:none;cursor:pointer;font-size:24px}.user-id-row{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:8px;padding:16px 24px}.user-id-row input{background:#fff;border:1px solid #ddd;border-radius:6px;flex:1 1;padding:10px}.user-id-row button{background:#1f79ff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px}.my-orders-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.orders-layout{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:350px 1fr;min-height:0;overflow:hidden;padding:20px 24px}@media (max-width:968px){.orders-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.order-details{max-height:400px}}.orders-list{background:#fafafa;border:1px solid #eee;border-radius:8px;min-height:0;overflow-x:hidden;overflow-y:auto}.order-row{align-items:center;border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background-color .2s ease}.order-row:hover{background:#f5f5f5}.order-row.selected{background:#eef3ff;border-left:3px solid #1f79ff}.order-details{background:#fff;border:1px solid #eee;border-radius:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.order-details h3{color:#333;font-size:20px;margin-bottom:16px;margin-top:0}.order-details h4{border-bottom:1px solid #eee;color:#333;font-size:16px;margin-bottom:12px;margin-top:20px;padding-bottom:8px}.order-details p{color:#555;margin:8px 0}.items-table{border-collapse:collapse;margin-top:10px;width:100%}.items-table td,.items-table th{background:#fff;border:1px solid #f0f0f0;padding:8px}.items-table th{background:#f8f9fa;font-weight:600}.verification-block{background:#f8f9fa;border:1px solid #eee;border-radius:6px;margin-top:16px;padding:12px}.verification-block h4{margin-top:0}.verify-row{display:flex;gap:8px;margin-top:8px}.verify-row input{background:#fff;border:1px solid #ddd;border-radius:6px;flex:1 1;padding:10px}.verify-row button{background:#1f79ff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px}.muted{color:var(--color-text-muted);font-size:13px}.error-message{background:#ffebee;border-left:4px solid #b71c1c;color:#b71c1c;flex-shrink:0;margin:0 24px;padding:12px 24px}.status-badge{background:#f0f0f0;border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}*{box-sizing:border-box}.App{background:var(--color-bg-primary);min-height:100vh}.App-header{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:20px 24px;position:fixed;right:0;top:0;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:100}.App-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f23b3;box-shadow:0 2px 8px var(--color-shadow-light)}.logo{height:50px;object-fit:contain;width:auto}.header-actions{gap:10px}.header-actions,.icon-button{align-items:center;display:flex}.icon-button{background:#0000;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;justify-content:center;padding:10px;position:relative;transition:all .2s ease}.icon-button:hover{background:#ffffff0d;border-color:#ffffff80}.cart-icon{filter:brightness(0) invert(1);height:24px;width:24px}.orders-icon{color:#fff;font-size:18px;line-height:1}.cart-badge{background:var(--color-cerulean-blue);border-radius:50%;color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);height:20px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:20px}.cart-badge,.hero-section{align-items:center;display:flex;justify-content:center}.hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:70vh;overflow:hidden;padding:80px 24px;position:relative}.hero-overlay{background:linear-gradient(135deg,#1a1f23d9,#2a2f33bf 50%,#0062a780);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{align-items:center;display:flex;justify-content:flex-start;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{display:flex;flex-direction:column;gap:28px;max-width:600px}.hero-headline{font-size:56px;font-weight:var(--font-weight-medium);line-height:1.2;text-shadow:0 2px 8px #00000080}.hero-catchphrase,.hero-headline{color:var(--color-text-primary);font-family:var(--font-family-primary);margin:0}.hero-catchphrase{font-size:20px;font-weight:var(--font-weight-light);line-height:1.6;text-shadow:0 2px 6px #0006}.hero-cta-container{display:flex;flex-direction:column;gap:12px;margin-top:8px}.hero-cta-button{align-items:center;background:var(--color-cerulean-blue);border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:16px;font-weight:var(--font-weight-medium);gap:12px;padding:14px 28px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.hero-cta-button:hover{background:var(--color-cerulean-blue-hover);box-shadow:0 4px 12px var(--color-shadow-accent-hover);transform:translateY(-2px)}.hero-cta-arrow{flex-shrink:0}.hero-promo-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff4d;border-radius:6px;color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-regular);padding:8px 16px;width:-webkit-fit-content;width:fit-content}.products-section{background:var(--color-bg-primary);padding:80px 24px}.products-container{margin:0 auto;max-width:1200px}.products-section-title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:36px;font-weight:var(--font-weight-medium);margin:0 0 48px;text-align:center}.products-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-screen{align-items:center;background:var(--color-bg-primary);display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:100vh}.loading-logo{animation:fadeIn .5s ease-in;height:80px;object-fit:contain;width:auto}.loading-text{align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-light);gap:4px}.loading-dots:after{animation:loadingDots 1.5s steps(4) infinite;content:""}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width:968px){.hero-content{justify-content:center}.hero-text{max-width:100%;text-align:center}.hero-headline{font-size:42px}.hero-cta-container{align-items:center}.hero-cta-button{margin:0 auto}.hero-promo-badge{margin:0 auto;text-align:center}}@media (max-width:768px){.hero-section{min-height:50vh;padding:60px 20px}.hero-headline{font-size:32px}.hero-catchphrase{font-size:18px}.products-section{padding:60px 20px}.products-section-title{font-size:28px;margin-bottom:32px}.hero-text{gap:20px}.products-grid{gap:24px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.4c78e5e0.css.map*/