*{box-sizing:border-box}html,body,#root{height:100%;margin:0}img{max-width:100%;display:block}button{cursor:pointer}.center{display:grid;place-items:center;padding:3rem}:root{--color-bg: #0b0b0c;--color-text: #e6e6ea;--accent: #1F1F1F;--radius: 10px;--scrollbar-track: #111111;--scrollbar-thumb: var(--accent);--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 80%, #ffffff 20%);--volt-black: #111111;--volt-dark: #1F1F1F;--volt-panel: #303030;--volt-light: #3A3A3A;--volt-accent: #FF4520;--volt-accent-dark: #E10600;--font-display: "Oswald", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}html[data-theme=sport]{--accent: #ff3b3b}html[data-theme=luxury]{--accent: #caa76b}html,body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@media (pointer: fine){body:not(.native-cursor),body:not(.native-cursor) html,body:not(.native-cursor) a,body:not(.native-cursor) button,body:not(.native-cursor) input,body:not(.native-cursor) select,body:not(.native-cursor) textarea{cursor:none!important}}body.native-cursor,body.native-cursor html{cursor:auto!important}body.native-cursor a,body.native-cursor button,body.native-cursor [role=button],body.native-cursor .clickable,body.native-cursor [onclick]{cursor:pointer!important}body.native-cursor input,body.native-cursor textarea,body.native-cursor [contenteditable=true]{cursor:text!important}main{max-width:100%;margin:0 auto;padding:0}.accent{color:var(--accent)}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;background-color:transparent}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}html::-webkit-scrollbar-button,body::-webkit-scrollbar-button{display:none;width:0;height:0}.tiles-section{--background-color: #09090b;--text-color: #a1a1aa;--card-background-color: rgba(255, 255, 255, .015);--card-border-color: rgba(255, 255, 255, .1);--card-box-shadow-1: rgba(0, 0, 0, .05);--card-box-shadow-2: rgba(0, 0, 0, .1);--card-label-color: #ffffff;--card-icon-color: #d4d4d8;--card-icon-background-color: rgba(255, 255, 255, .08);--card-icon-border-color: rgba(255, 255, 255, .12);--card-shine-opacity: .15;--card-shine-gradient: conic-gradient(from 205deg at 50% 50%, rgba(0, 0, 0, 0) 0deg, #ffffff 25deg, rgba(255, 255, 255, .1) 295deg, rgba(0, 0, 0, 0) 360deg);--card-line-color: #27272a;--card-tile-color: rgba(255, 255, 255, .05);--card-hover-border-color: rgba(255, 255, 255, .2);--card-hover-icon-color: #ffffff;--card-hover-icon-background-color: rgba(255, 255, 255, .1);--card-hover-icon-border-color: rgba(255, 255, 255, .2);--blur-opacity: .01;background-color:var(--background-color);position:relative;overflow:hidden}.tiles-section.light{--background-color: #fafafa;--text-color: #52525b;--card-background-color: transparent;--card-border-color: rgba(0, 0, 0, .08);--card-label-color: #18181b;--card-icon-color: #18181b;--card-icon-background-color: rgba(0, 0, 0, .04);--card-icon-border-color: rgba(0, 0, 0, .1);--card-shine-opacity: .3;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(0, 0, 0, 0) 0deg, #000000 25deg, #f4f4f5 285deg, #ffffff 345deg, rgba(0, 0, 0, 0) 360deg);--card-line-color: #e4e4e7;--card-tile-color: rgba(0, 0, 0, .08);--card-hover-border-color: rgba(0, 0, 0, .15);--card-hover-icon-color: #000000;--blur-opacity: .05}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;position:relative;z-index:1;width:100%}.tiles-card{background-color:var(--background-color);box-shadow:0 3px 6px var(--card-box-shadow-1),0 8px 15px var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);padding:56px 24px 24px;border-radius:20px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tiles-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--card-background-color)}.tiles-icon{z-index:2;position:relative;display:inline-flex;padding:12px;margin-bottom:8px}.tiles-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .25s ease}.tiles-icon svg{position:relative;z-index:1;display:block;width:24px;height:24px;color:var(--card-icon-color);transition:color .25s ease}.tiles-title{z-index:2;position:relative;margin:12px 0 8px;font-weight:600;font-size:18px;color:var(--card-label-color);letter-spacing:-.01em}.tiles-description{z-index:2;position:relative;margin:0;font-size:14px;line-height:1.6;color:var(--text-color)}.tiles-shine{border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s ease}.tiles-shine:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translate(-50%);background-image:var(--card-shine-gradient)}.tiles-background{border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%)}.tiles-container{opacity:0;transition:opacity .25s ease}.tiles-container .tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0}.tile.tile-4,.tile.tile-6,.tile.tile-10{animation-delay:-2s}.tile.tile-3,.tile.tile-5,.tile.tile-8{animation-delay:-4s}.tile.tile-2,.tile.tile-9{animation-delay:-6s}.tile-1{top:0;left:0;height:10%;width:22.5%}.tile-2{top:0;left:22.5%;height:10%;width:27.5%}.tile-3{top:0;left:50%;height:10%;width:27.5%}.tile-4{top:0;left:77.5%;height:10%;width:22.5%}.tile-5{top:10%;left:0;height:22.5%;width:22.5%}.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}@keyframes tile-anim{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.tiles-line{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.tiles-line:before,.tiles-line:after{content:"";position:absolute;background-color:var(--card-line-color);transition:transform .35s ease}.tiles-line:before{left:0;right:0;height:1px;transform:scaleX(0);transform-origin:0 50%}.tiles-line:after{top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:50% 0}.tiles-line-1:before{top:10%}.tiles-line-1:after{left:22.5%}.tiles-line-1:before,.tiles-line-1:after{transition-delay:.3s}.tiles-line-2:before{top:32.5%}.tiles-line-2:after{left:50%}.tiles-line-2:before,.tiles-line-2:after{transition-delay:.15s}.tiles-line-3:before{top:55%}.tiles-line-3:after{right:22.5%}.tiles-card:hover{box-shadow:0 3px 6px var(--card-box-shadow-1),0 15px 25px #0000004d,0 0 0 1px var(--card-hover-border-color);transform:translateY(-2px)}.tiles-card:hover .tiles-icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.tiles-card:hover .tiles-icon svg{color:var(--card-hover-icon-color)}.tiles-card:hover .tiles-shine{opacity:1}.tiles-card:hover .tiles-container{opacity:1;transition-delay:.25s}.tiles-card:hover .tiles-container .tile{animation-name:tile-anim}.tiles-card:hover .tiles-line{opacity:1;transition-duration:.15s}.tiles-card:hover .tiles-line:before{transform:scaleX(1)}.tiles-card:hover .tiles-line:after{transform:scaleY(1)}.tiles-card:hover .tiles-line-1:before,.tiles-card:hover .tiles-line-1:after{transition-delay:0s}.tiles-card:hover .tiles-line-2:before,.tiles-card:hover .tiles-line-2:after{transition-delay:.15s}.tiles-card:hover .tiles-line-3:before,.tiles-card:hover .tiles-line-3:after{transition-delay:.3s}.tiles-day-night{cursor:pointer;position:absolute;right:40px;top:40px;opacity:.5;transition:opacity .3s}.tiles-day-night:hover{opacity:1}.tiles-day-night input{display:none}.tiles-day-night input+div{border-radius:50%;width:20px;height:20px;position:relative;box-shadow:inset 8px -8px 0 0 var(--text-color);transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease 0s,transform .4s ease .1s}.tiles-day-night input+div:after{content:"";width:6px;height:6px;border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 -23px 0 var(--text-color),0 23px 0 var(--text-color),23px 0 0 var(--text-color),-23px 0 0 var(--text-color),15px 15px 0 var(--text-color),-15px 15px 0 var(--text-color),15px -15px 0 var(--text-color),-15px -15px 0 var(--text-color);transform:scale(0);transition:all .3s ease}.tiles-day-night input:checked+div{box-shadow:inset 20px -20px 0 0 var(--text-color);transform:scale(.5) rotate(0);transition:transform .3s ease .1s,box-shadow .2s ease 0s}.tiles-day-night input:checked+div:after{transform:scale(1);transition:transform .5s ease .15s}.row{display:flex;gap:1rem;align-items:center}.space-between{display:flex;justify-content:space-between;align-items:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}