#auth-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#dbeafe;overflow-y:auto;z-index:1000;font-family:Courier New,Courier,monospace}#auth-container.hidden{display:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,#eff6ff,#dbeafe 70%)}.auth-card{width:100%;max-width:440px;background:#fff;border:2px solid #bfdbfe;border-radius:16px;padding:40px 32px;box-shadow:0 0 40px #1e40af1a,0 20px 60px #00000014}.account-card{max-width:480px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(30,64,175,.3))}.auth-card h1{font-size:clamp(24px,5vw,32px);color:#1e40af;text-shadow:0 0 12px rgba(30,64,175,.2);letter-spacing:3px;margin-bottom:8px}.auth-subtitle{color:#475569;font-size:14px;letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:14px 16px;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:8px;color:#1e293b;font-family:inherit;font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 12px #3b82f633}.form-group input::placeholder{color:#94a3b8}.auth-error{padding:12px 16px;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#dc2626;font-size:14px;text-align:center}.auth-error.hidden{display:none}.auth-submit-btn{width:100%;padding:16px;font-size:16px;font-family:inherit;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-weight:700;transition:all .2s ease;box-shadow:0 0 16px #3b82f64d;position:relative;min-height:52px}.auth-submit-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 0 24px #3b82f680}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loader{display:inline-block;width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-loader.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:#475569;font-size:14px;margin-bottom:12px}.auth-link{color:#3b82f6;text-decoration:none;text-shadow:0 0 6px rgba(59,130,246,.2);transition:all .2s ease}.auth-link:hover{color:#2563eb;text-shadow:0 0 12px rgba(59,130,246,.4)}.auth-back-link{display:inline-block;color:#475569;text-decoration:none;font-size:14px;transition:all .2s ease}.auth-back-link:hover{color:#1e40af;text-shadow:0 0 6px rgba(30,64,175,.3)}.account-info{background:#f1f5f9;border-radius:12px;padding:24px;margin-bottom:24px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.info-row:last-child{border-bottom:none}.info-label{color:#475569;font-size:14px;text-transform:uppercase;letter-spacing:1px}.info-value{color:#1e293b;font-size:14px}.account-actions{margin-bottom:16px}.account-actions .auth-submit-btn{background:#ef4444;box-shadow:0 0 16px #ef44444d}.account-actions .auth-submit-btn:hover{background:#dc2626;box-shadow:0 0 24px #ef444480}@media (max-width: 480px){.auth-card{padding:32px 24px}.auth-logo{font-size:48px}}#checkout-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0f;overflow-y:auto;z-index:1000;font-family:Courier New,Courier,monospace}#checkout-container.hidden{display:none}.checkout-page{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh}.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:2px solid #262626;margin-bottom:32px}.checkout-header h1{font-size:clamp(24px,5vw,36px);color:#f472b6;text-shadow:0 0 12px #f472b6;letter-spacing:3px;text-align:center;flex:1}.back-btn{padding:10px 20px;font-size:14px;font-family:inherit;background:transparent;color:#38bdf8;border:2px solid #38bdf8;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;text-shadow:0 0 6px #38bdf8}.back-btn:hover,.back-btn:focus{background:#38bdf8;color:#0a0a0f;text-shadow:none;outline:none}.cart-badge{padding:8px 16px;background:#262626;color:#00ff41;border-radius:20px;font-size:14px;text-shadow:0 0 6px #00ff41}.checkout-content{display:grid;grid-template-columns:1fr 380px;gap:32px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.product-card{background:#171717;border:2px solid #262626;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.product-card:hover{border-color:#f472b6;box-shadow:0 0 16px #f472b64d;transform:translateY(-4px)}.product-icon{font-size:48px;margin-bottom:16px}.product-card h3{color:#00ff41;font-size:18px;margin-bottom:8px;text-shadow:0 0 6px #00ff41}.product-desc{color:#a3a3a3;font-size:13px;margin-bottom:16px;line-height:1.5}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #262626}.product-price{color:#f472b6;font-size:20px;font-weight:700;text-shadow:0 0 8px #f472b6}.add-to-cart-btn{padding:10px 16px;font-size:12px;font-family:inherit;background:transparent;color:#00ff41;border:2px solid #00ff41;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.add-to-cart-btn:hover,.add-to-cart-btn:focus{background:#00ff41;color:#0a0a0f;outline:none}.checkout-sidebar{display:flex;flex-direction:column;gap:24px}.cart-section,.checkout-summary{background:#171717;border:2px solid #262626;border-radius:12px;padding:24px}.cart-section h2,.checkout-summary h2{color:#38bdf8;font-size:16px;margin-bottom:16px;text-shadow:0 0 6px #38bdf8;letter-spacing:2px}.empty-cart{color:#a3a3a3;text-align:center;padding:24px 0}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:center;gap:12px;padding:12px;background:#262626;border-radius:8px}.cart-item-icon{font-size:24px}.cart-item-details{flex:1;display:flex;flex-direction:column}.cart-item-name{color:#fff;font-size:14px}.cart-item-price{color:#f472b6;font-size:13px}.cart-item-qty{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;border-radius:50%;background:transparent;border:1px solid #38bdf8;color:#38bdf8;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.qty-btn:hover{background:#38bdf8;color:#0a0a0f}.summary-row{display:flex;justify-content:space-between;padding:12px 0;color:#a3a3a3;font-size:14px}.summary-row.total{border-top:2px solid #262626;margin-top:8px;padding-top:16px;color:#fff;font-size:18px;font-weight:700}.summary-row.total span:last-child{color:#f472b6;text-shadow:0 0 8px #f472b6}.checkout-btn{width:100%;padding:16px;font-size:16px;font-family:inherit;background:#f472b6;color:#0a0a0f;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-top:16px;transition:all .2s ease;box-shadow:0 0 16px #f472b666}.checkout-btn:hover:not(:disabled){background:#f9a8d4;box-shadow:0 0 24px #f472b699}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-note{color:#a3a3a3;font-size:12px;text-align:center;margin-top:12px}.checkout-form-container{display:grid;grid-template-columns:1fr 1fr;gap:32px}.order-summary{background:#171717;border:2px solid #262626;border-radius:12px;padding:24px}.order-summary h2{color:#38bdf8;font-size:16px;margin-bottom:16px;text-shadow:0 0 6px #38bdf8;letter-spacing:2px}.order-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #262626;color:#fff}.order-total{display:flex;justify-content:space-between;padding:16px 0 0;margin-top:8px;border-top:2px solid #262626;color:#fff;font-size:18px;font-weight:700}.order-total span:last-child{color:#f472b6;text-shadow:0 0 8px #f472b6}.checkout-form{background:#171717;border:2px solid #262626;border-radius:12px;padding:24px}.checkout-form h2{color:#38bdf8;font-size:16px;margin-bottom:24px;text-shadow:0 0 6px #38bdf8;letter-spacing:2px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#a3a3a3;font-size:13px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:14px 16px;background:#262626;border:2px solid #3f3f3f;border-radius:8px;color:#fff;font-family:inherit;font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.form-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn{flex:1;padding:14px;font-size:14px;font-family:inherit;background:transparent;color:#a3a3a3;border:2px solid #3f3f3f;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.cancel-btn:hover{border-color:#a3a3a3;color:#fff}.pay-btn{flex:2;padding:14px;font-size:16px;font-family:inherit;background:#00ff41;color:#0a0a0f;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-weight:700;transition:all .2s ease;box-shadow:0 0 16px #00ff4166}.pay-btn:hover{background:#0c3;box-shadow:0 0 24px #00ff4199}.form-note{color:#a3a3a3;font-size:12px;text-align:center;margin-top:16px}.checkout-success{text-align:center;padding:64px 24px}.checkout-success.hidden{display:none}.success-icon{width:80px;height:80px;border-radius:50%;background:#00ff41;color:#0a0a0f;font-size:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 0 32px #00ff4180}.checkout-success h2{color:#00ff41;font-size:28px;margin-bottom:12px;text-shadow:0 0 12px #00ff41}.checkout-success p{color:#a3a3a3;font-size:16px;margin-bottom:32px}@media (max-width: 900px){.checkout-content,.checkout-form-container{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 600px){.checkout-page{padding:16px}.checkout-header{flex-direction:column;gap:12px}.checkout-header h1{order:-1}.products-grid{grid-template-columns:1fr}}