body{margin:0;font-family:Inter,sans-serif;background:#000;color:#fff;min-height:100%;overflow-x:hidden;padding-top:3rem}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.2),transparent 60%),radial-gradient(circle at 80% 70%,rgba(255,0,255,.2),transparent 60%),radial-gradient(circle at 50% 50%,rgba(0,128,255,.25),transparent 70%);animation:moveBackground 15s infinite alternate ease-in-out;z-index:-2}#app{position:relative;width:100%;height:100%}@keyframes moveBackground{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-50px) scale(1.2)}}.page{display:none;position:absolute;width:100%;height:105%;top:0;left:0;opacity:0;transition:all .6s ease;visibility:hidden;pointer-events:none}.page.active{opacity:1;pointer-events:auto;visibility:visible;display:block;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.crystal-container{width:90%;max-width:90%;margin:2rem auto;padding:1.5rem;border-radius:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 60px #00ffff40,inset 0 0 30px #ffffff0d;position:relative;overflow:hidden;margin-top:8em;border-radius:20px}h1,header{text-align:center;margin-bottom:2rem;font-size:2rem;background:linear-gradient(90deg,#0ff,#09f,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s infinite alternate}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center}@media (min-width: 1024px){.brand-grid{grid-template-columns:repeat(5,1fr)}}.brand-logo{width:120px;height:120px;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;cursor:pointer}@media (min-width: 768px){.brand-logo{width:170px;height:170px}}.brand-logo:hover{transform:scale(1.12);background:#ffffff1f;box-shadow:0 0 25px #0ff9,0 0 40px #f0f6}.brand-logo img{max-width:85%;max-height:85%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.grid{display:grid;gap:1.5rem}@media (min-width: 768px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#ffffff0d;border-radius:1.5rem;padding:1.5rem;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.card:hover{transform:scale(1.08);background:#ffffff1f;box-shadow:0 0 25px #0ff9,0 0 40px #f0f6}.card img{max-width:95%;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));border-radius:12px}.card h3{margin:0;font-size:1.2rem;color:#fff}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.progress-container{position:absolute;top:0;left:0;width:90%;display:flex;align-items:center;background:#0009;padding:.5rem 1rem;z-index:1000;justify-self:anchor-center}#progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin-right:1rem;position:relative}#progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--progress, 0%);background:linear-gradient(90deg,#0ff,#0f0);transition:width .4s ease}#reset-btn{display:block;margin:2rem auto 1rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.6);color:#0ff;font-size:1rem;padding:.6rem 2rem;border-radius:1rem;cursor:pointer;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 20px #00ffff40,inset 0 0 10px #ffffff14;transition:all .25s ease}#reset-btn:hover{background:#0ff3;color:#000;box-shadow:0 0 25px #0ffc,0 0 40px #f0f6;transform:scale(1.05)}.back-btn{display:block;margin:2rem auto 1rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.6);color:#0ff;font-size:1rem;padding:.6rem 2rem;border-radius:1rem;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 20px #00ffff40,inset 0 0 10px #ffffff14;transition:all .25s ease}.back-btn:hover{background:#0ff3;color:#000;box-shadow:0 0 25px #0ffc,0 0 40px #f0f6;transform:scale(1.05)}.back-btn:active{transform:scale(.97)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/configurator.css.map */