#root{width:100%;min-height:100vh}.radial-nav{position:fixed;top:2rem;right:2rem;z-index:1000}.lantern-toggle{width:70px;height:70px;border-radius:50%;border:none;background:linear-gradient(135deg,#d4163c,#e63946);cursor:pointer;position:relative;box-shadow:0 0 20px #d4163c80,0 0 40px #d4163c4d,inset 0 0 20px #ffd7004d;transition:all .3s ease}.lantern-toggle:hover{transform:scale(1.1);box-shadow:0 0 30px #d4163cb3,0 0 60px #d4163c66,inset 0 0 30px #ffd70080}.lantern-toggle.active{background:linear-gradient(135deg,#e63946,#f4a261)}.lantern-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:50px}.lantern-top{width:30px;height:8px;background:gold;margin:0 auto;border-radius:2px;box-shadow:0 2px 4px #0000004d}.lantern-body{width:28px;height:32px;margin:2px auto;position:relative;background:#fff3;border:2px solid #ffd700;border-radius:4px;overflow:hidden}.lantern-light{width:100%;height:100%;background:radial-gradient(circle,#ffd700cc,#ffd70033 70%);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}.lantern-bottom{width:20px;height:6px;background:gold;margin:0 auto;border-radius:0 0 3px 3px;box-shadow:0 2px 4px #0000004d}.radial-menu{position:absolute;top:35px;right:35px}.nav-item{position:absolute;width:80px;height:80px;border-radius:50%;border:3px solid #ffd700;background:linear-gradient(135deg,#e63946,#f4a261);color:#fff;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d,0 0 20px #d4163c66;display:flex;align-items:center;justify-content:center;text-align:center}.nav-item:hover{transform:scale(1.15)!important;background:linear-gradient(135deg,#d4163c,#e63946);box-shadow:0 6px 20px #0006,0 0 30px #d4163c99}.nav-item.active{background:linear-gradient(135deg,gold,#f4a261);color:#1a1a1a;border-color:#e63946}.nav-label{padding:.5rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.radial-nav{top:1rem;right:1rem}.lantern-toggle{width:60px;height:60px}.nav-item{width:70px;height:70px;font-size:.7rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d1810)}.hero-lanterns{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-lantern{position:absolute;width:80px;height:100px;background:radial-gradient(ellipse at center,rgba(212,22,60,.6) 0%,rgba(212,22,60,.2) 50%,transparent 70%);border:2px solid rgba(255,215,0,.4);border-radius:10px;box-shadow:0 0 30px #d4163c99,inset 0 0 20px #ffd7004d;animation:float 6s ease-in-out infinite}.lantern-1{top:10%;left:15%;animation-delay:0s}.lantern-2{top:60%;right:20%;animation-delay:2s}.lantern-3{top:30%;left:70%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(2deg)}50%{transform:translateY(-40px) rotate(-2deg)}75%{transform:translateY(-20px) rotate(1deg)}}.hero-texture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;mix-blend-mode:overlay;pointer-events:none}.batik-layer{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(212,22,60,.3) 35px,rgba(212,22,60,.3) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,215,0,.2) 35px,rgba(255,215,0,.2) 70px);animation:slide 20s linear infinite}.bamboo-layer{background-image:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(244,162,97,.2) 10px,rgba(244,162,97,.2) 12px);opacity:.1;animation:slide 15s linear infinite reverse}.tile-layer{background-image:radial-gradient(circle at 25% 25%,rgba(20,184,166,.2) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(230,57,70,.2) 0%,transparent 50%);background-size:100px 100px;animation:pulse 8s ease-in-out infinite}@keyframes slide{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.25}}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:2rem}.company-badge{position:relative;padding:3rem 2rem;background:linear-gradient(135deg,#d4163c4d,#e6394633);border:3px solid #ffd700;border-radius:20px;box-shadow:0 0 40px #d4163c80,0 0 80px #ffd7004d,inset 0 0 40px #ffd7001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.badge-ornament{height:4px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:0 auto;width:60%}.badge-ornament.top{margin-bottom:1.5rem}.badge-ornament.bottom{margin-top:1.5rem}.company-name{font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(212,22,60,.6),2px 2px 4px rgba(0,0,0,.8);letter-spacing:4px;margin:0;line-height:1.2}.hero-tagline{margin-bottom:2rem}.tagline-wrapper{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#f4a2614d,#14b8a633);border-left:4px solid #f4a261;border-right:4px solid #14b8a6;position:relative}.tagline-wrapper:before,.tagline-wrapper:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #ffd700}.tagline-wrapper:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.tagline-wrapper:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.tagline-text{font-family:Quicksand,sans-serif;font-size:clamp(1rem,3vw,1.5rem);font-weight:500;color:#fff;margin:0;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hero-location{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#14b8a633;border:2px solid #14b8a6;border-radius:25px;color:#14b8a6;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;box-shadow:0 0 20px #14b8a666}.location-marker{width:12px;height:12px;background:#14b8a6;border-radius:50%;box-shadow:0 0 10px #14b8a6cc;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,rgba(26,26,26,.9),transparent);pointer-events:none}@media(max-width:768px){.company-badge{padding:2rem 1rem}.company-name{letter-spacing:2px}.tagline-wrapper{padding:.75rem 1.5rem}.floating-lantern{width:50px;height:65px}}.about{min-height:100vh;padding:6rem 2rem;position:relative;background:linear-gradient(135deg,#2d1810,#1a1a1a,#2d1810);overflow:hidden}.about-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(212,22,60,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(20,184,166,.1) 0%,transparent 50%);pointer-events:none}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem;position:relative}.header-lantern{width:60px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#d4163c99,#e6394666);border:3px solid #ffd700;border-radius:10px;position:relative;box-shadow:0 0 30px #d4163c99,inset 0 0 20px #ffd7004d}.header-lantern:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:10px;background:gold;border-radius:3px}.header-lantern:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:30px;height:8px;background:gold;border-radius:0 0 4px 4px}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:gold;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(212,22,60,.4)}.title-underline{width:200px;height:4px;margin:0 auto;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.about-content{display:flex;justify-content:center}.about-card{background:linear-gradient(135deg,#d4163c26,#14b8a61a);border:3px solid rgba(255,215,0,.5);border-radius:20px;padding:3rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000080,0 0 40px #d4163c33;max-width:900px;width:100%}.card-corner{position:absolute;width:30px;height:30px;border:3px solid #ffd700}.card-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}.card-corner.tr{top:-3px;right:-3px;border-left:none;border-bottom:none}.card-corner.bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.card-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none}.card-header h3{font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.5rem);color:#f4a261;margin:0 0 2rem;text-align:center;text-shadow:0 0 20px rgba(244,162,97,.5)}.card-body{color:#fff}.intro-text{font-family:Quicksand,sans-serif;font-size:1.125rem;line-height:1.8;margin-bottom:3rem;text-align:center;color:#ffffffe6}.highlights{display:grid;gap:2rem}.highlight-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#0000004d;border-left:4px solid #f4a261;border-radius:10px;transition:all .3s ease}.highlight-item:hover{background:#d4163c33;border-left-color:gold;transform:translate(10px)}.highlight-icon{width:50px;height:50px;flex-shrink:0;position:relative;border:2px solid #ffd700;border-radius:50%;background:linear-gradient(135deg,#d4163c80,#e639464d);display:flex;align-items:center;justify-content:center}.icon-glow{width:20px;height:20px;background:gold;border-radius:50%;box-shadow:0 0 20px #ffd700cc;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.highlight-text h4{font-family:Quicksand,sans-serif;font-size:1.25rem;font-weight:700;color:gold;margin:0 0 .5rem}.highlight-text p{font-family:Quicksand,sans-serif;font-size:1rem;line-height:1.6;color:#ffffffd9;margin:0}@media(max-width:768px){.about{padding:4rem 1rem}.about-card{padding:2rem 1.5rem}.highlight-item{flex-direction:column;gap:1rem}.intro-text{font-size:1rem}}.services{min-height:100vh;padding:6rem 2rem;position:relative;background:linear-gradient(135deg,#1a1a1a,#2d1810,#1a1a1a);overflow:hidden}.services-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(244,162,97,.05) 50px,rgba(244,162,97,.05) 100px),repeating-linear-gradient(-45deg,transparent,transparent 50px,rgba(20,184,166,.05) 50px,rgba(20,184,166,.05) 100px);pointer-events:none}.services-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:4rem}.service-card{background:linear-gradient(135deg,#d4163c1a,#14b8a61a);border:2px solid rgba(255,215,0,.4);border-radius:15px;padding:2.5rem;position:relative;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color, #d4163c) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card:hover{transform:translateY(-10px);border-color:gold;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7004d}.service-card:hover:before{opacity:.15}.card-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.frame-corner{position:absolute;width:20px;height:20px;border:2px solid var(--accent-color, #d4163c);opacity:.6;transition:all .4s ease}.service-card:hover .frame-corner{opacity:1;border-color:gold}.frame-corner.tl{top:10px;left:10px;border-right:none;border-bottom:none}.frame-corner.tr{top:10px;right:10px;border-left:none;border-bottom:none}.frame-corner.bl{bottom:10px;left:10px;border-right:none;border-top:none}.frame-corner.br{bottom:10px;right:10px;border-left:none;border-top:none}.service-icon{width:80px;height:80px;margin:0 auto 2rem;position:relative;border:3px solid var(--accent-color, #d4163c);border-radius:50%;background:linear-gradient(135deg,#d4163c4d,#e6394633);display:flex;align-items:center;justify-content:center;transition:all .4s ease}.service-card:hover .service-icon{border-color:gold;transform:rotate(360deg)}.icon-inner{width:40px;height:40px;background:var(--accent-color, #d4163c);border-radius:50%;box-shadow:0 0 20px var(--accent-color, #d4163c);animation:pulse-service 2s ease-in-out infinite}@keyframes pulse-service{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.service-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:gold;margin:0 0 1rem;text-align:center;text-shadow:0 0 15px rgba(255,215,0,.5)}.service-description{font-family:Quicksand,sans-serif;font-size:1rem;line-height:1.7;color:#ffffffd9;text-align:center;margin:0}.service-decoration{margin-top:2rem;height:3px;background:linear-gradient(90deg,transparent,var(--accent-color, #d4163c),transparent);opacity:.5}@media(max-width:768px){.services{padding:4rem 1rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-card{padding:2rem 1.5rem}}.contact{min-height:100vh;padding:6rem 2rem;position:relative;background:linear-gradient(135deg,#2d1810,#1a1a1a);overflow:hidden}.contact-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 40%,rgba(230,57,70,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(244,162,97,.1) 0%,transparent 50%);pointer-events:none}.contact-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.warung-wrapper{margin-top:4rem;position:relative;display:flex;justify-content:center;padding:2rem 0}.warung-sign{position:relative;max-width:600px;width:100%}.sign-top{position:relative;height:40px;margin-bottom:10px}.sign-beam{position:absolute;top:0;width:80px;height:12px;background:linear-gradient(135deg,#6b4423,#4a2e1a);border-radius:3px;box-shadow:0 2px 5px #00000080}.sign-beam.left{left:20%}.sign-beam.right{right:20%}.sign-hanging-wire{position:absolute;top:12px;width:2px;height:30px;background:linear-gradient(180deg,#4a2e1a,#6b4423)}.sign-hanging-wire.left{left:calc(20% + 40px)}.sign-hanging-wire.right{right:calc(20% + 40px)}.sign-board{background:linear-gradient(135deg,#8b2635,#6b1828);border:4px solid #ffd700;border-radius:12px;padding:3rem 2.5rem;position:relative;box-shadow:0 10px 40px #0009,0 0 40px #d4163c66,inset 0 0 30px #ffd7001a}.sign-board:before{content:"";position:absolute;inset:-2px;border:2px solid rgba(255,215,0,.3);border-radius:12px;pointer-events:none}.board-decoration{height:8px;background:linear-gradient(90deg,transparent,#ffd700 10%,#f4a261 25%,#14b8a6 50%,#f4a261 75%,#ffd700 90%,transparent);margin:0 -1rem;position:relative}.board-decoration.top{margin-bottom:2rem}.board-decoration.bottom{margin-top:2rem}.company-info{position:relative}.info-header{text-align:center;margin-bottom:2.5rem}.warung-title{font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:gold;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.8);letter-spacing:3px}.header-ornament{width:100px;height:3px;margin:0 auto;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.info-section{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.info-icon{width:50px;height:50px;flex-shrink:0;position:relative;border:3px solid #ffd700;border-radius:8px;background:linear-gradient(135deg,#ffd7004d,#f4a26133);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffd70066}.icon-circle{width:20px;height:20px;background:gold;border-radius:50%;box-shadow:0 0 15px #ffd700cc;animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.info-content{flex:1}.info-label{font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;color:#f4a261;text-transform:uppercase;letter-spacing:2px;margin:0 0 .5rem}.info-text{font-family:Quicksand,sans-serif;font-size:1rem;line-height:1.7;color:#fffffff2;margin:0}.email-link{color:#14b8a6;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;position:relative}.email-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#14b8a6;transform:scaleX(0);transition:transform .3s ease}.email-link:hover{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.email-link:hover:after{transform:scaleX(1);background:gold}.info-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3) 20%,rgba(255,215,0,.6) 50%,rgba(255,215,0,.3) 80%,transparent);margin:2rem 0}.sign-bottom{margin-top:10px;display:flex;justify-content:center}.bottom-trim{width:80%;height:8px;background:linear-gradient(135deg,#6b4423,#4a2e1a);border-radius:0 0 5px 5px;box-shadow:0 4px 8px #00000080}.warung-lanterns{position:absolute;top:50%;width:100%;transform:translateY(-50%);pointer-events:none}.side-lantern{position:absolute;width:40px;height:55px;background:linear-gradient(135deg,#d4163cb3,#e6394680);border:2px solid #ffd700;border-radius:8px;box-shadow:0 0 25px #d4163c99,inset 0 0 15px #ffd7004d}.side-lantern:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:25px;height:6px;background:gold;border-radius:2px}.side-lantern.left{left:-60px;animation:sway-left 4s ease-in-out infinite}.side-lantern.right{right:-60px;animation:sway-right 4s ease-in-out infinite}@keyframes sway-left{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes sway-right{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}.street-elements{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.bamboo-pole{position:absolute;width:15px;height:300px;background:repeating-linear-gradient(180deg,#6b8e23,#6b8e23 40px,#556b2f 40px 45px);border-radius:8px;box-shadow:0 4px 10px #0006;opacity:.3}.bamboo-pole.left{left:-100px;top:50%;transform:translateY(-50%) rotate(-5deg)}.bamboo-pole.right{right:-100px;top:50%;transform:translateY(-50%) rotate(5deg)}@media(max-width:768px){.contact{padding:4rem 1rem}.sign-board{padding:2rem 1.5rem}.info-section{flex-direction:column;gap:1rem}.warung-title{letter-spacing:1px}.side-lantern,.bamboo-pole{display:none}}.footer{padding:3rem 2rem;position:relative;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-top:2px solid rgba(255,215,0,.3);overflow:hidden}.footer-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(212,22,60,.03) 20px,rgba(212,22,60,.03) 40px);pointer-events:none}.footer-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.footer-lantern{width:50px;height:65px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#d4163c80,#e639464d);border:2px solid rgba(255,215,0,.6);border-radius:8px;position:relative;box-shadow:0 0 20px #d4163c66,inset 0 0 15px #ffd70033}.footer-lantern:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:30px;height:6px;background:gold;border-radius:2px}.footer-lantern:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:5px;background:gold;border-radius:0 0 3px 3px}.footer-lantern-glow{width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:footer-glow 3s ease-in-out infinite}@keyframes footer-glow{0%,to{opacity:.5}50%{opacity:1}}.footer-text{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:gold;margin:0 0 1rem;text-shadow:0 0 15px rgba(255,215,0,.6);letter-spacing:2px}.footer-divider{width:150px;height:2px;margin:1.5rem auto;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.footer-location{font-family:Quicksand,sans-serif;font-size:.95rem;color:#ffffffb3;margin:0}@media(max-width:768px){.footer{padding:2rem 1rem}.footer-text{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-red: #d4163c;--color-red-light: #e63946;--color-gold: #ffd700;--color-saffron: #f4a261;--color-teal: #14b8a6;--color-dark: #1a1a1a;--color-dark-brown: #2d1810;--font-decorative: "Playfair Display", serif;--font-body: "Quicksand", sans-serif}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-dark);color:#fff;overflow-x:hidden}.app{width:100%;min-height:100vh;position:relative}section{position:relative;scroll-margin-top:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-decorative);font-weight:700}p{font-family:var(--font-body);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-dark);border-left:1px solid rgba(255,215,0,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-red),var(--color-saffron));border-radius:6px;border:2px solid var(--color-dark)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-red-light),var(--color-gold))}::selection{background-color:var(--color-red);color:var(--color-gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(max-width:1024px){html{font-size:15px}}@media(max-width:768px){html{font-size:14px}}