:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.about-us{padding:40px;background-color:#f9fafb;box-shadow:0 15px 40px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1300px;margin:50px auto;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;overflow:hidden}.about-us:hover{transform:translateY(-12px);box-shadow:0 20px 70px #0003}.about-us h2{font-size:2.2rem;font-weight:700;color:#333;text-transform:uppercase;margin-bottom:15px;letter-spacing:2px;border-bottom:4px solid #1890ff;padding-bottom:12px;width:fit-content;margin-left:auto;margin-right:auto;transition:color .3s ease,border-color .3s ease}.about-us h2:hover{color:#005bb5;border-color:#005bb5}.about-us p{font-size:1.2rem;color:#555;line-height:1.8;font-weight:400;margin-top:20px;text-align:justify;transition:color .3s ease}.about-us p:hover{color:#333}.about-us .image-container{display:flex;justify-content:center;align-items:center;position:relative}.about-us .image-container img{width:100%;height:100%;max-height:350px;max-width:650px;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;border:5px solid #f0f0f0;object-fit:cover;box-shadow:0 10px 35px #00000026}.about-us .image-container img:hover{transform:scale(1.1);box-shadow:0 15px 40px #0003}.about-us .image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000026;transition:opacity .3s ease;opacity:0}.about-us .image-container:hover:after{opacity:1}.about-us.dark{background-color:#011325;color:#f7f9fc}.about-us.dark h2{color:#f7f9fc;border-color:#2980b9}.about-us.dark p{color:#ccc}.about-us.dark .image-container img{border:5px solid #34495e}.about-us.dark .image-container:hover:after{background:#fff3}@media (max-width: 768px){.about-us{grid-template-columns:1fr;padding:20px}.about-us h2{font-size:2rem}.about-us p{font-size:1.1rem}.about-us .image-container img{max-width:100%}}.carousel-container{padding:20px;transition:background-color .3s ease,color .3s ease}.carousel-item{text-align:center;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 15px 50px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.carousel-item img{width:100%;height:auto;border-radius:20px;transition:transform .5s ease,filter .5s ease,box-shadow .3s ease;box-shadow:0 10px 35px #0003}.carousel-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,#ffffff1a,#ffffff4d);border-radius:0 0 20px 20px;opacity:.4;pointer-events:none;transition:opacity .3s ease}.carousel-item:hover img{transform:scale(1.2);filter:brightness(1.2)}.carousel-item:hover:after{opacity:.7}.carousel-item-text{position:absolute;bottom:40px;left:50%;transform:translate(-50%) translateY(30px);color:#000;font-size:28px;font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.4);opacity:0;transition:opacity .4s ease,transform .4s ease,font-size .3s ease;pointer-events:none}.carousel-item:hover .carousel-item-text{opacity:1;transform:translate(-50%) translateY(0) scale(1.3);font-size:32px}.carousel .slick-dots{bottom:30px}.carousel .slick-dots li button{background-color:#000c;border-radius:50%;width:14px;height:14px;transition:background-color .3s ease,transform .3s ease,width .3s ease}.carousel .slick-dots li.slick-active button{background-color:#1890ff;transform:scale(1.4);width:16px}.carousel .slick-dots li button:hover{background-color:#1890ff;transform:scale(1.4)}[data-theme=dark] .carousel-container{background-color:#011325;color:#fff}[data-theme=dark] .carousel-item-text{color:#fff}[data-theme=dark] .carousel-item:hover .carousel-item-text{text-shadow:0 3px 6px rgba(255,255,255,.6)}[data-theme=dark] .carousel-item:after{background:linear-gradient(to top,#0003,#00000080);opacity:.5}[data-theme=dark] .carousel-item:hover:after{opacity:.8}[data-theme=dark] .carousel .slick-dots li button{background-color:#fffc}[data-theme=dark] .carousel .slick-dots li.slick-active button{background-color:#1890ff}.contact-us{padding:50px 30px;box-shadow:0 8px 24px #0000001a;max-width:1300px;margin:60px auto;text-align:left;font-family:Roboto,sans-serif;transition:transform .3s ease}[data-theme=dark] .contact-us{background-color:#011325!important;color:#ecf0f1}[data-theme=dark] .contact-info,[data-theme=dark] .contact-form{background-color:#022142!important;color:#ecf0f1}[data-theme=dark] .contact-info h3,[data-theme=dark] .contact-form h3{color:#3498db}[data-theme=dark] .contact-info p,[data-theme=dark] .contact-form p{color:#ecf0f1}[data-theme=dark] .submit-btn{background-color:#2980b9;color:#fff}[data-theme=dark] .submit-btn:hover{background-color:#3498db}[data-theme=dark] .ant-form-item-label{color:#fff}[data-theme=dark] .ant-form-item-label>label{color:#fff}.contact-us{background-color:#f9fafb;color:#333}.submit-btn{background-color:#1890ff;color:#fff;padding:12px 30px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;font-weight:500;width:fit-content;margin:20px auto 0}.submit-btn:hover{background-color:#40a9ff;transform:translateY(-3px)}.submit-btn:active{transform:translateY(0)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start;justify-content:center;margin-top:40px}.contact-info,.contact-form{background-color:#fff;padding:35px;border-radius:12px}.contact-info:hover,.contact-form:hover{transform:translateY(-10px);box-shadow:0 8px 24px #0000001f}.contact-info h3,.contact-form h3{font-size:2rem;font-weight:600;color:#1890ff;margin-bottom:20px;font-family:Poppins,sans-serif}.contact-info p,.contact-form p{font-size:1.1rem;color:#555;line-height:1.7;font-weight:400}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}.contact-info,.contact-form{margin-top:20px}.contact-us h2{font-size:2.2rem}.contact-info p,.contact-form h3{font-size:1.1rem}}.feature-item-light{color:#333;border-radius:8px;padding:12px;transition:background-color .3s ease,box-shadow .3s ease}.feature-item-light:hover{background-color:#f5f5f5;box-shadow:0 6px 15px #0000001a}.icon-light{color:#5c6bc0;transition:color .3s ease}.feature-item-light:nth-child(1) .icon-light{color:#ff5722}.feature-item-light:nth-child(2) .icon-light{color:#4caf50}.feature-item-light:nth-child(3) .icon-light{color:#00bcd4}.feature-item-light span{font-weight:700;margin-left:10px;transition:color .3s ease}.feature-item-light:hover span{color:#333}.feature-item-dark{color:#fff;border-radius:8px;padding:12px;transition:background-color .3s ease,box-shadow .3s ease}.feature-item-dark:hover{background-color:#3a3a3a;box-shadow:0 6px 15px #ffffff1a}.icon-dark{color:#5c6bc0;transition:color .3s ease}.feature-item-dark:nth-child(1) .icon-dark{color:#ff5722}.feature-item-dark:nth-child(2) .icon-dark{color:#4caf50}.feature-item-dark:nth-child(3) .icon-dark{color:#00bcd4}.feature-item-dark span{font-weight:700;margin-left:10px;transition:color .3s ease}.feature-item-dark:hover span{color:#fff}.footer{text-align:center;padding:20px;background-color:#001529;color:#fff;margin-top:auto;border-top:3px solid #1890ff;font-size:14px;font-weight:400;letter-spacing:1px;box-shadow:0 -4px 10px #0000001a;position:relative}.footer p{margin:0;font-size:16px}.footer .social-icons{margin-top:20px;display:flex;justify-content:center;gap:30px}.footer .social-icons a{color:#fff;font-size:30px;margin:0;padding:10px;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease;display:inline-flex;justify-content:center;align-items:center}.footer .social-icons a:hover{color:gold;transform:translateY(-5px);background-color:#fff3}.footer .social-icons a.messenger{color:#0084ff}.footer .social-icons a.gmail{color:#ea4335}.footer .social-icons a.phone{color:#34b7f1}@media (max-width: 768px){.footer{padding:20px 15px}.footer .social-icons{flex-direction:column;gap:15px}}:root{--navbar-bg: #1890ff;--navbar-text: white;--navbar-hover-bg: #40a9ff;--navbar-logo-hover-color: #ffd700;--navbar-box-shadow: rgba(0, 0, 0, .1);--navbar-border-bottom: rgba(255, 255, 255, .15);--navbar-link-bg: linear-gradient(90deg, #1890ff, #40a9ff);--navbar-link-hover-bg: linear-gradient(90deg, #40a9ff, #1890ff);--navbar-link-color: white;--navbar-link-hover-color: #ffd700;--navbar-border-active: #ffd700}[data-theme=dark]{--navbar-bg: rgb(4, 39, 75);--navbar-text: #eaeaea;--navbar-hover-bg: #34495e;--navbar-logo-hover-color: #ff9900;--navbar-box-shadow: rgba(0, 0, 0, .7);--navbar-border-bottom: rgba(255, 255, 255, .1);--navbar-link-bg: linear-gradient( 90deg, #34495e, #3b4b5a );--navbar-link-hover-bg: linear-gradient(90deg, #3b4b5a, #34495e);--navbar-link-color: #eaeaea;--navbar-link-hover-color: #ff9900;--navbar-border-active: #ff9900}.navbar{background-color:var(--navbar-bg);color:var(--navbar-text);font-size:16px;font-weight:600;padding:12px 30px;position:sticky;top:0;z-index:100;box-shadow:0 6px 15px var(--navbar-box-shadow);border-bottom:2px solid var(--navbar-border-bottom);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.navbar:hover{background-color:var(--navbar-hover-bg);box-shadow:0 8px 20px var(--navbar-box-shadow);transform:translateY(-2px)}.navbar .navbar-logo{font-size:24px;font-weight:700;letter-spacing:1.5px;color:var(--navbar-text);display:flex;align-items:center;gap:15px;transition:transform .3s ease,color .3s ease}.navbar .navbar-logo:hover{transform:scale(1.05);color:var(--navbar-logo-hover-color)}.navbar .navbar-logo img{width:50px;height:50px;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease}.navbar .navbar-logo:hover img{transform:rotate(360deg);box-shadow:0 0 15px var(--navbar-logo-hover-color)}.navbar .navbar-links{display:flex;gap:40px;align-items:center;background:var(--navbar-link-bg);border-radius:5px;padding:8px 20px;transition:background .3s ease,transform .3s ease}.navbar .navbar-links a{color:var(--navbar-link-color);text-decoration:none;font-weight:500;transition:color .3s ease,transform .3s ease}.navbar .navbar-links a:hover{color:var(--navbar-link-hover-color);transform:translateY(-3px)}.navbar .navbar-links .ant-menu-item-active{background-color:transparent;color:var(--navbar-border-active);border-bottom:2px solid var(--navbar-border-active)}.navbar .navbar-links .ant-menu-item{padding:0 20px;font-weight:600;transition:color .3s ease,transform .3s ease}.navbar .navbar-links .ant-menu-item:hover{background-color:transparent;color:var(--navbar-link-hover-color);transform:translateY(-3px)}.navbar .navbar-links:hover{background:var(--navbar-link-hover-bg);transform:translateY(-2px)}@media (max-width: 1024px){.navbar{padding:10px 15px;flex-direction:column;gap:15px}.navbar .navbar-logo{font-size:22px;gap:10px}.navbar .navbar-links{flex-direction:column;gap:15px;padding:10px;align-items:center;justify-content:center}.navbar .navbar-links a{font-size:18px}}@media (max-width: 768px){.navbar{padding:10px;flex-direction:column;gap:15px}.navbar .navbar-logo{font-size:20px;gap:5px}.navbar .navbar-links{flex-direction:column;gap:10px;padding:10px;align-items:center;justify-content:center}.navbar .navbar-links a{font-size:16px}}.theme-toggle{background:none;border:none;font-size:1.5rem;color:var(--navbar-text);cursor:pointer;transition:color .3s ease}.theme-toggle:hover{color:var(--navbar-link-hover-color)}:root{--background-light: #f7f9fc;--background-dark: rgb(1, 19, 37);--text-light: #2c3e50;--text-dark: #e0e4e8;--accent-light: #3498db;--accent-dark: #2980b9;--card-background-light: #fff;--card-background-dark: rgb(14, 43, 71);--card-hover-light: #e6f7ff;--card-hover-dark: rgb(4, 48, 95);--box-shadow-light: rgba(0, 0, 0, .1);--box-shadow-dark: rgba(255, 255, 255, .1);--button-hover-light: #2980b9;--button-hover-dark: #1d5b8f}[data-theme=light]{--background: var(--background-light);--text-color: var(--text-light);--accent-color: var(--accent-light);--card-background: var(--card-background-light);--card-hover: var(--card-hover-light);--box-shadow: var(--box-shadow-light);--button-hover: var(--button-hover-light)}[data-theme=dark]{--background: var(--background-dark);--text-color: var(--text-dark);--accent-color: var(--accent-dark);--card-background: var(--card-background-dark);--card-hover: var(--card-hover-dark);--box-shadow: var(--box-shadow-dark);--button-hover: var(--button-hover-dark)}.product-page{padding:60px;text-align:center;background-color:var(--background);font-family:Roboto,sans-serif;color:var(--text-color)}.product-page h2{font-size:32px;font-weight:700;color:var(--text-color);margin-bottom:40px;text-transform:uppercase;letter-spacing:4px;position:relative;display:inline-block;padding-bottom:10px;border-bottom:5px solid var(--accent-color)}[data-theme=light] .product-page h2{color:var(--text-light);border-bottom:5px solid var(--accent-light)}[data-theme=dark] .product-page h2{color:var(--text-dark);border-bottom:5px solid var(--accent-dark)}.product-list{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.product-card{border-radius:20px;padding:25px;text-align:center;background-color:var(--card-background)!important;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;box-shadow:0 10px 30px var(--box-shadow);cursor:pointer;width:260px;height:420px;display:flex;flex-direction:column;justify-content:space-between;transform:scale(.98);opacity:0;animation:fadeInCard .5s ease-out forwards}@keyframes fadeInCard{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.product-card:hover{transform:translateY(-15px) scale(1.05);background-color:var(--card-hover);box-shadow:0 15px 40px #0003}.product-card-img{width:100%;max-width:300px;height:100%;max-height:170px;object-fit:cover;border-radius:12px;transition:transform .3s ease-in-out}.product-card:hover .product-card-img{transform:scale(1.1)}.product-info{display:flex;flex-direction:column;align-items:center}.product-name{font-size:1.3rem;font-weight:600;color:var(--text-color);margin:10px 0}.product-description{font-size:13.5px!important;color:#aaa;margin:10px 0;height:70px;overflow:hidden}.product-price{font-size:1.3rem;font-weight:600;color:var(--accent-color);margin:10px 0}.product-card p{font-size:1.1rem;color:#666}.product-card:hover p{color:var(--accent-color);transform:translateY(-5px)}.btn-view{background-color:var(--accent-color);color:#fff;padding:12px 18px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;margin-top:15px}.btn-view:hover{background-color:var(--button-hover)}[data-theme=dark] .btn-view:hover{background-color:var(--accent-dark)}[data-theme=dark] .product-card{background-color:#2c3e50;box-shadow:0 10px 30px #0000004d}[data-theme=dark] .product-name{color:#e0e4e8}[data-theme=dark] .product-description{color:#bbb}[data-theme=dark] .product-price{color:#00bcd4}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s ease-in-out}.modal-content{background:#fff;padding:40px;border-radius:12px;width:80%;max-width:950px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 40px #00000026;transform:scale(.85);animation:modalEntrance .5s ease-out forwards}.modal-overlay.dark{background-color:#000000b3}.modal-content.dark{background-color:#333;color:#fff}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;color:#1890ff;cursor:pointer;transition:transform .3s ease}.close-btn:hover{transform:rotate(180deg)}.modal-body{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.modal-image-section{width:45%;display:flex;flex-direction:column;align-items:center;gap:15px}.modal-main-image{display:flex;justify-content:center;margin-bottom:20px}.large-image{width:100%;height:400px;max-width:420px;object-fit:cover;border-radius:12px;transition:transform .3s ease-in-out;border:6px solid #f0f0f0;box-shadow:0 6px 20px #0000001a}.large-image:hover{transform:scale(1.05)}.modal-image-thumbnails{display:flex;justify-content:space-evenly;margin-top:10px;width:100%;gap:10px}.thumbnail-image{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:4px solid #f0f0f0;box-shadow:0 3px 10px #0000001a}.thumbnail-image:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.modal-details{width:50%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.modal-description{font-size:1.2rem;color:#333;margin-bottom:15px;line-height:1.5;transition:color .3s ease}.modal-description:hover{color:#1890ff}.modal-price{font-size:1.5rem;font-weight:700;color:#1890ff;margin-bottom:20px;text-shadow:1px 1px 6px rgba(0,0,0,.2)}.modal-footer{text-align:center;margin-top:20px}.btn-close{background-color:#1890ff;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn-close:hover{background-color:#06c}@keyframes modalEntrance{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.main-page{background:linear-gradient(135deg,#e0eafc 30%,#dbe7f4 70%),url(https://www.transparenttextures.com/patterns/screwy.png);padding:40px;font-family:Poppins,sans-serif;background-attachment:fixed;background-size:cover;position:relative;box-sizing:border-box;overflow:hidden;animation:fadeIn 1.5s ease-in-out;box-shadow:inset 0 0 150px #0000001a;transition:background .3s ease,color .3s ease}.main-page.dark-mode{background:linear-gradient(135deg,#34495e 30%,#2c3e50 70%),url(https://www.transparenttextures.com/patterns/screwy.png);color:#f0f0f0}.carousel-item{text-align:center;margin-bottom:30px;border-radius:25px;background:linear-gradient(145deg,#fff,#f7f9fc);box-shadow:0 10px 30px #0003;transition:transform .6s cubic-bezier(.19,1,.22,1),box-shadow .6s cubic-bezier(.19,1,.22,1),opacity .3s ease;padding:30px;position:relative;overflow:hidden;opacity:0;animation:slideUp 1.3s ease-in-out forwards;background-clip:padding-box}.carousel-item.dark-mode{background:linear-gradient(145deg,#3b3b3b,#424242);color:#f0f0f0}.carousel-item:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 18px 50px #0000004d}.carousel-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0000 50%,#00000026 120%);opacity:0;transition:opacity .4s ease;border-radius:25px}.carousel-item:hover:before{opacity:1}.carousel-item h3{font-size:24px;font-weight:700;color:#444;margin-bottom:10px;transition:color .3s ease}.carousel-item.dark-mode h3{color:#f0f0f0}.carousel-item h3:hover{color:#00bcd4}.carousel-item p{font-size:16px;color:#666;line-height:1.8}.carousel-item.dark-mode p{color:#ddd}.features{margin:60px 0;text-align:center;font-size:26px;font-weight:700;color:#333;letter-spacing:2px;text-transform:uppercase;position:relative;animation:fadeInUp 1.2s ease-in-out}.features.dark-mode{color:#f0f0f0}.features:after{content:"";position:absolute;width:100px;height:5px;background:linear-gradient(90deg,#00bcd4,#3f51b5);bottom:-20px;left:50%;transform:translate(-50%);border-radius:2.5px}.features.dark-mode:after{background:linear-gradient(90deg,#00bcd4,#3f51b5)}.features p{margin-top:20px;font-size:18px;color:#555;line-height:1.8;transition:all .4s ease;text-shadow:0 1px 1px rgba(0,0,0,.1)}.features.dark-mode p{color:#ddd}.features p:hover{color:#3f51b5;transform:scale(1.05)}.features.dark-mode p:hover{color:#00bcd4}.buttons-container{text-align:center;margin-top:30px}.buttons-container button{background:linear-gradient(145deg,#3f51b5,#00bcd4);color:#fff;font-size:18px;font-weight:600;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;box-shadow:0 6px 15px #0003;transition:all .4s ease}.buttons-container button:hover{background:linear-gradient(145deg,#00bcd4,#3f51b5);transform:translateY(-5px);box-shadow:0 12px 25px #0000004d}.buttons-container button:active{transform:translateY(2px);box-shadow:0 4px 10px #0003}.buttons-container button.dark-mode{background:linear-gradient(145deg,#3b3b3b,#424242);color:#f0f0f0}.buttons-container button.dark-mode:hover{background:linear-gradient(145deg,#424242,#3b3b3b)}@media (max-width: 768px){.main-page{padding:10% 5%}.carousel-item{width:95%;max-width:none}.features{font-size:22px}.features p{font-size:16px}.buttons-container button{font-size:16px;padding:10px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#root{max-width:100%;text-align:center;background-color:#f5f5f5;font-family:Arial,sans-serif;color:#000}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}[data-theme=dark] #root{background-color:#eee;color:#fff}[data-theme=dark] .logo{filter:drop-shadow(0 0 2em #888)}[data-theme=dark] .logo.react:hover{filter:drop-shadow(0 0 2em #61dafb)}[data-theme=dark] .logo:hover{filter:drop-shadow(0 0 2em #888)}[data-theme=dark] body{background-color:#0d2d4e;color:#fff}[data-theme=dark] .navbar{background-color:#011325}[data-theme=dark] .navbar a{color:#fff}