:root{--bg-main:#0a0b14;--bg-gradient:radial-gradient(circle at 50% -20%, #1a0b2e 0%, #0a0b14 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--text-primary:#fff;--text-secondary:#b0b8d9;--accent-turquoise:#00f5ff;--accent-fuchsia:#f0f;--accent-lilac:#e0d7f7;--accent-green:#0f8;--tornasol:linear-gradient(45deg, #00f5ff, #f0f, #b39ddb, #00f5ff);--tornasol-green:linear-gradient(45deg, #0f8, #00f5ff, #2ecc71, #0f8);--font-main:"Outfit", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-main);background-attachment:fixed;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.4;background:radial-gradient(circle at 10% 10%,#00f5ff0d 0%,#0000 40%),radial-gradient(circle at 90% 90%,#ff00ff0d 0%,#0000 40%),url(https://www.transparenttextures.com/patterns/stardust.png);width:100%;height:100%;position:fixed;top:0;left:0}#navbar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);z-index:1000;background:#ffffff05;border-radius:100px;justify-content:space-between;align-items:center;width:90%;max-width:1000px;height:60px;padding:0 35px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0000004d}.logo{letter-spacing:2px;background:var(--tornasol);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;font-size:1rem;font-weight:900;text-decoration:none;animation:8s linear infinite tornasol-move}.nav-link{color:#fff;letter-spacing:1.5px;text-transform:uppercase;opacity:.5;transition:var(--transition);font-size:.75rem;font-weight:700;text-decoration:none}.nav-link:hover,.nav-link.active{opacity:1;color:var(--accent-turquoise)}.container{width:90%;max-width:1100px;margin:0 auto}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.product-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:var(--transition);cursor:pointer;border-radius:25px;padding:20px}.product-card:hover{border-color:#ffffff40;transform:translateY(-8px)}.product-image{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;margin-bottom:15px}.detail-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.detail-image{border-radius:25px;width:100%;max-width:450px;margin:0 auto;box-shadow:0 30px 60px #00000080}.btn{cursor:pointer;transition:var(--transition);letter-spacing:1px;text-transform:uppercase;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-tornasol{color:#000;background:#fff}.btn-tornasol:hover{background:var(--accent-lilac);transform:scale(1.02);box-shadow:0 0 30px #00f5ff66}.payment-btn{background:var(--tornasol);color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background-size:300% 300%;border:none;border-radius:15px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:18px;font-weight:900;text-decoration:none;transition:all .3s;animation:5s linear infinite tornasol-move;display:flex}.payment-btn .method{font-size:1.1rem;font-weight:900}.payment-btn .desc{opacity:.8;font-size:.75rem}.admin-grid{grid-template-columns:1fr;gap:60px;display:grid}@media (width>=1100px){.admin-grid{grid-template-columns:1fr 1fr}}.custom-file-upload{cursor:pointer;border:1px solid var(--glass-border);color:var(--accent-turquoise);text-align:center;background:#ffffff0d;border-radius:15px;width:100%;padding:15px 25px;font-size:.8rem;font-weight:800;transition:all .3s;display:inline-block}.custom-file-upload:hover{border-color:var(--accent-turquoise);background:#00f5ff1a}.admin-input-group{background:#ffffff05;border:1px solid #ffffff0d;border-radius:25px;margin-bottom:20px;padding:25px}.admin-input-label{color:var(--accent-turquoise);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.7rem;font-weight:900;display:block}input[type=file]{display:none}@keyframes tornasol-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.detail-container{grid-template-columns:1fr;gap:30px}#navbar{width:95%;padding:0 15px;top:10px}.logo{font-size:.8rem}}
