@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap";@font-face{font-family:Geist;src:url(/Geist/Geist-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Tilt Warp;src:url(/Tilt_Warp/TiltWarp-Regular-VariableFont_XROT,YROT.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.caption{font-family:Geist,sans-serif;font-weight:600;font-size:10px;line-height:140%;letter-spacing:.04em}.header-1,h1.header-1{font-family:Tilt Warp,sans-serif;font-size:200px;line-height:85%;letter-spacing:-.04em;display:inline-block;padding-right:10px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E"),linear-gradient(to bottom,#fff,#fff);background-blend-mode:multiply;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}@media (max-width: 1024px){.header-1,h1.header-1{font-size:clamp(60px,18vw,175px)!important}}@media (max-width: 768px){.header-1,h1.header-1{font-size:clamp(60px,18vw,175px)!important}}.header-2,h2.header-2{font-family:Tilt Warp,sans-serif;font-size:160px;line-height:80%;letter-spacing:-.05em}@media (max-width: 1024px){.header-2,h2.header-2{font-size:140px;letter-spacing:-.04em}}@media (max-width: 768px){.header-2,h2.header-2{font-size:64px;letter-spacing:-.04em}}.header-3,h3.header-3{font-family:Space Grotesk,sans-serif;font-size:80px;line-height:80%;letter-spacing:-.02em}@media (max-width: 1024px){.header-3,h3.header-3{font-size:64px}}@media (max-width: 768px){.header-3,h3.header-3{font-size:40px}}.paragraph-1,p.paragraph-1{font-family:Geist,sans-serif;font-weight:600;font-size:20px;line-height:140%;letter-spacing:-.02em}.featured-content-section{width:100vw;padding:0 10px;margin:0;margin-left:calc(-50vw + 50%);background-color:transparent;box-sizing:border-box;display:block;opacity:0;animation:fadeInElement .3s ease-in-out forwards;animation-delay:.9s}.featured-content-card-wrapper{position:relative;background:url(/content-bg.jpg) center/cover no-repeat;background-position:center center;background-size:cover;border-radius:15px;overflow:hidden;height:auto;min-height:700px;width:calc(100vw - 20px);margin:0;padding:0}.featured-content-card-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1}.featured-content-card-wrapper>*{position:relative;z-index:2}.featured-content-title{text-align:center;margin-bottom:40px;padding-top:40px;color:#fff}.featured-content-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:100%;padding:0 60px 80px;margin:0 auto}.featured-content-card{position:relative;height:280px;min-height:280px;border-radius:16px;overflow:hidden;cursor:pointer}.featured-content-image-holder{position:relative;width:100%;height:100%}.featured-content-image-holder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;pointer-events:none}.featured-content-image-holder img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.featured-content-card:hover .featured-content-image-holder img{filter:blur(15px)}.featured-content-overlay{position:absolute;bottom:0;left:0;right:0;padding:60px 40px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);color:#fff;display:flex;flex-direction:column;gap:20px;z-index:2}.featured-card-title{color:#fff;margin:0}.featured-card-text{color:#ffffffe6;font-size:18px;max-width:90%;margin:0}.featured-content-btn{align-self:flex-start;padding:14px 32px;background:#fff;color:#000;border:none;border-radius:8px;font-family:Geist,sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:all .3s ease}.featured-content-btn:hover{background:var(--accent-color, #00d4ff);color:#fff;transform:translate(4px)}.tool-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.2;transition:all .4s ease;z-index:0}.featured-content-card:hover .tool-icon{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}.tool-card-holder{background:linear-gradient(135deg,#1e1e1ef2,#3c3c3cf2)}@media (max-width: 1024px){.featured-content-section{padding:0 10px}.featured-content-card-wrapper{height:auto;min-height:600px}.featured-content-title{padding-top:30px;margin-bottom:30px}.featured-content-container{gap:30px;padding:0 40px 60px}.featured-content-card{height:250px;min-height:250px}.featured-card-text{font-size:16px}}@media (max-width: 768px){.featured-content-section{padding:0 10px}.featured-content-card-wrapper{border-radius:15px;height:auto;min-height:500px}.featured-content-title{margin-bottom:24px;font-size:48px;padding-top:30px}.featured-content-container{grid-template-columns:1fr;gap:24px;padding:0 20px 40px}.tool-icon{font-size:60px}.featured-content-card{height:230px;min-height:230px;border-radius:12px}.featured-content-overlay{padding:50px 24px}.featured-card-title{font-size:48px}.featured-card-text{font-size:15px;line-height:1.5}.featured-content-btn{padding:12px 24px;font-size:12px}}@media (max-width: 480px){.featured-content-section{padding:0 15px}.featured-content-card-wrapper{min-height:450px;width:calc(100vw - 30px)}.featured-content-card{height:220px;min-height:220px}.featured-content-overlay{padding:40px 20px}.featured-card-title{font-size:40px}.featured-card-text{font-size:14px;line-height:1.6}.featured-content-container{padding:0 15px 35px}}@media (max-width: 1024px){.paragraph-1,p.paragraph-1{line-height:110%}}@media (max-width: 768px){.paragraph-1,p.paragraph-1{font-size:18px;line-height:110%}}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden;overflow-y:auto}main{display:flex;flex-direction:column;align-items:center;width:100%}section{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}:root{--bg-color: #000000;--header-bg: #111;--text-color: #ffffff;--subtitle-color: rgba(255, 255, 255, .8);--shadow-color: rgba(0, 0, 0, .7);--teal: #07BEB8;--yellow: #FFA62B;--cta-color: #EDE7E3;--section-bg: #0a0a0a;--card-bg: #1a1a1a;--input-bg: #2a2a2a;--input-text: #ffffff;--input-border: #444;--transition-speed: .5s}[data-theme=light]{--bg-color: #ffffff;--header-bg: #f5f5f5;--text-color: #333333;--subtitle-color: rgba(0, 0, 0, .7);--shadow-color: rgba(0, 0, 0, .2);--section-bg: #f0f0f0;--card-bg: #ffffff;--input-bg: #f5f5f5;--input-text: #333333;--input-border: #ddd}html,body,#root{margin:0;padding:0;width:100%;background-color:var(--bg-color);font-family:Geist,sans-serif;transition:background-color var(--transition-speed) ease;scroll-behavior:smooth;color:var(--text-color)}.app-container{background-color:var(--bg-color);background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.jpg);background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.webp);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-color var(--transition-speed) ease;min-height:100vh;width:100%;overflow-x:clip}.large-header{position:relative;width:100%;height:100vh;min-height:600px;background-color:var(--header-bg);background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.jpg);background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;transition:background var(--transition-speed) ease}.large-header.compact-hero{height:90vh;min-height:600px;background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.jpg);background-image:linear-gradient(#000000b3,#000000b3),url(/grain-bg.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.subtitle-description{font-size:1.2rem;color:var(--subtitle-color);max-width:700px;margin:1rem auto 2rem;text-shadow:0 0 15px rgba(0,0,0,.5);transition:color var(--transition-speed) ease;font-weight:300;line-height:1.6;letter-spacing:.02em}#demo-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hero-video{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;z-index:0;opacity:.25;will-change:opacity;display:block;border-radius:15px;filter:brightness(.7);pointer-events:none}.hero-video.loaded{opacity:.4}.main-title{position:relative;width:250px;animation-delay:0s}.hero-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;animation:fadeInElement .5s ease-out forwards;animation-delay:.3s;justify-content:space-between;padding:20px 40px;background:transparent;opacity:0;animation:fadeInElement .3s ease-in forwards;animation-delay:.9s}.hero-nav-left{flex:1;display:flex;align-items:center}.hero-nav-logo{height:60px;width:auto;cursor:pointer;transition:transform .3s ease}.hero-nav-logo:hover{transform:scale(1.05)}.hero-nav-center{flex:2;display:flex;align-items:center;justify-content:center;gap:12px}.hero-nav-button{border:none;color:#0f0e0e;font-family:Geist,sans-serif;font-weight:600;font-size:20px;line-height:140%;letter-spacing:-.02em;padding:12px 24px;cursor:pointer;transition:all .3s ease;text-transform:capitalize;border-radius:8px;position:relative;overflow:hidden}.hero-nav-button span{position:relative;z-index:2}@media (max-width: 1024px){.hero-nav-button{line-height:110%}}@media (max-width: 768px){.hero-nav-button{font-size:18px;line-height:110%}}.hero-nav-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.55'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.hero-nav-button:nth-child(1){background:#07beb8;color:#000}.hero-nav-button:nth-child(2){background:#8b5cf6;color:#000}.hero-nav-button:nth-child(3){background:#f59e0b;color:#000}.nav-tools-wrapper .hero-nav-button{background:#f59e0b;color:#000}.hero-nav-button:hover{background:#fff!important;color:#0f0e0e!important;box-shadow:0 4px 12px #0003}.hero-nav-right{flex:1;display:flex;align-items:center;justify-content:flex-end}.btn-colour-mode-switch{display:inline-block;margin:0;position:relative}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner{margin:0;width:140px;height:40px;background:#000;border-radius:26px;overflow:hidden;position:relative;transition:all .3s ease;display:block;cursor:pointer}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:before{content:attr(data-on);position:absolute;font-family:Geist,sans-serif;font-size:16px;font-weight:600;top:10px;right:20px;color:#fff}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:after{content:attr(data-off);width:70px;height:36px;background:#fff;border-radius:26px;position:absolute;font-family:Geist,sans-serif;font-size:16px;display:flex;justify-content:center;align-items:center;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;color:#000;font-weight:700}.btn-colour-mode-switch input[type=checkbox]{cursor:pointer;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:2;margin:0}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner{background-color:#000}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:after{content:attr(data-on);left:68px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:before{content:attr(data-off);right:auto;left:20px}@media (max-width: 1024px){.btn-colour-mode-switch>label.btn-colour-mode-switch-inner{width:120px;height:36px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:before,.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:after{font-size:15px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:after{width:60px;height:32px;top:2px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:after{left:58px}}@media (max-width: 768px){.btn-colour-mode-switch>label.btn-colour-mode-switch-inner{width:100px;height:32px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:before{font-size:13px;top:8px;right:15px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:after{font-size:13px;width:50px;height:28px;top:2px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:after{left:48px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:before{left:15px}}@media (max-width: 480px){.btn-colour-mode-switch>label.btn-colour-mode-switch-inner{width:90px;height:30px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:before{font-size:12px;top:7px;right:12px}.btn-colour-mode-switch>label.btn-colour-mode-switch-inner:after{font-size:12px;width:45px;height:26px;top:2px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:after{left:43px}.btn-colour-mode-switch input[type=checkbox]:checked+label.btn-colour-mode-switch-inner:before{left:12px}}@media (max-width: 768px){.hero-nav{padding:15px 20px}.hero-nav-logo{height:32px}.hero-nav-center{gap:15px}.hero-nav-button{font-size:.9rem;padding:6px 12px}.hero-nav-lang-button{font-size:.85rem;padding:6px 12px}.large-header.compact-hero{height:85vh;min-height:420px;max-height:100dvh;isolation:isolate}.hero-video{top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;object-position:center}}@supports (animation-delay: 0s){.hero-video{--playback-rate: .25}}.theme-toggle{position:absolute;top:20px;right:20px;z-index:20;display:flex;gap:10px;flex-direction:row}.theme-toggle.fixed{position:fixed}.theme-toggle button{background:#0003;color:var(--text-color);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.theme-toggle button:hover{background:#0006}.light-mode .theme-toggle button{background:#0000001a;color:#333}.light-mode .theme-toggle button:hover{background:#0003}.main-title{position:absolute;margin:0;padding:0 1rem;width:100%;height:100%;top:15%;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:.5s}@keyframes fadeInVideo{0%{opacity:0}to{opacity:1}}@keyframes fadeInElement{0%{opacity:0}to{opacity:1}}@keyframes fadeOutElement{0%{opacity:1}to{opacity:0}}.tools-hero-section{width:100%;min-height:40vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background-color:transparent}.tools-hero-section .main-title{position:relative;opacity:1;animation:none}.tools-hero-section~.grids-section .grid-item{min-height:350px;height:40vh}.converter-hero-section{width:100%;min-height:35vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem 2rem;background-color:transparent}.converter-hero-section .main-title{position:relative;opacity:1;animation:none!important;transform:none!important}.converter-content{width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.converter-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}[data-theme=light] .converter-card{background:#ffffffe6;border:2px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.privacy-notice{text-align:center;margin-bottom:1.5rem;font-family:Geist,sans-serif;font-size:.9rem;color:var(--subtitle-color);opacity:.8}[data-theme=light] .privacy-notice{color:var(--subtitle-color)}.file-drop-zone{position:relative;width:100%;min-height:180px;background:#ffffff08;border:3px dashed rgba(7,190,184,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#07beb80d,#ffa62b0d);opacity:0;transition:opacity .3s ease}.file-drop-zone:hover{border-color:var(--teal);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 8px 24px #07beb826}.file-drop-zone:hover:before{opacity:1}.file-drop-zone.dragging{border-color:var(--yellow);background:#ffa62b1a;border-style:solid;transform:scale(1.02);box-shadow:0 12px 32px #ffa62b33}.file-drop-zone.dragging:before{opacity:1;background:linear-gradient(135deg,#ffa62b1a,#07beb81a)}[data-theme=light] .file-drop-zone{background:#00000005;border-color:#07beb840}[data-theme=light] .file-drop-zone:hover{background:#0000000a}.file-drop-content{position:relative;z-index:2;text-align:center;padding:2rem}.file-drop-icon{font-size:4rem;display:block;margin-bottom:1rem;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.file-drop-text{font-family:Geist,sans-serif;font-size:1.05rem;font-weight:500;color:var(--text-color);margin:0;line-height:1.6}.file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-name-display{margin-top:.75rem;padding:.75rem 1rem;background:#ffa62b1a;border:1px solid rgba(255,166,43,.3);border-radius:8px;font-family:Geist,sans-serif;font-size:.95rem;color:var(--text-color)}.converter-divider{text-align:center;margin:2rem 0;position:relative}.converter-divider:before,.converter-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#fff3}.converter-divider:before{left:0}.converter-divider:after{right:0}.converter-divider span{font-family:Geist,sans-serif;font-size:.9rem;font-weight:600;color:var(--subtitle-color);text-transform:uppercase;letter-spacing:.1em;padding:0 1rem;background:var(--bg-color)}[data-theme=light] .converter-divider:before,[data-theme=light] .converter-divider:after{background:#00000026}.converter-input.no-spinner::-webkit-outer-spin-button,.converter-input.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.converter-input.no-spinner[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.converter-section{margin-bottom:2rem}.converter-label{display:block;font-family:Geist,sans-serif;font-weight:600;font-size:1.1rem;color:var(--text-color);margin-bottom:.75rem;letter-spacing:.02em}.converter-input{width:100%;padding:1rem 1.5rem;font-family:Geist,sans-serif;font-size:1.2rem;font-weight:500;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-color);transition:all .3s ease;outline:none}.converter-input:focus{border-color:var(--teal);background:#ffffff1f;box-shadow:0 0 0 3px #07beb81a}.converter-input::placeholder{color:#fff6}[data-theme=light] .converter-input{background:#0000000d;border:2px solid rgba(0,0,0,.1)}[data-theme=light] .converter-input:focus{background:#00000014;border-color:var(--teal)}[data-theme=light] .converter-input::placeholder{color:#0006}.unit-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.unit-button{flex:1;min-width:80px;padding:.9rem 1.2rem;font-family:Geist,sans-serif;font-size:1rem;font-weight:600;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-color);cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.unit-button:hover{background:#07beb833;border-color:var(--teal);transform:translateY(-2px)}.unit-button.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 4px 12px #07beb84d}[data-theme=light] .unit-button{background:#0000000d;border:2px solid rgba(0,0,0,.1)}[data-theme=light] .unit-button:hover{background:#07beb826}.unit-selectors-horizontal{display:flex;align-items:center;gap:2rem;margin:2rem 0}.unit-selector-column{flex:1}.converter-arrow-horizontal{font-size:3rem;color:var(--teal);opacity:.8;flex-shrink:0}.converter-result-top{margin-bottom:2.5rem;padding:1.5rem;background:#07beb80d;border-radius:16px;border:2px solid rgba(7,190,184,.2)}.result-display-wrapper{display:flex;align-items:center;gap:1rem}.result-display-wrapper .result-display{flex:1;margin:0;padding:1.5rem 2rem;border:2px solid var(--teal)}.copy-button{padding:.9rem 1.5rem;font-family:Geist,sans-serif;font-size:1rem;font-weight:600;background:var(--teal);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #07beb84d}.copy-button:hover{background:#07beb8e6;transform:translateY(-2px);box-shadow:0 6px 16px #07beb866}.copy-button:active{transform:translateY(0)}.decimal-slider{width:100%;height:8px;border-radius:5px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.decimal-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--teal);cursor:pointer;box-shadow:0 2px 8px #07beb866;transition:all .3s ease}.decimal-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #07beb899}.decimal-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--teal);cursor:pointer;border:none;box-shadow:0 2px 8px #07beb866;transition:all .3s ease}.decimal-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #07beb899}[data-theme=light] .decimal-slider{background:#0000001a}.decimal-value{text-align:center;margin-top:.75rem;font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700;color:var(--teal)}.converter-arrow{text-align:center;margin:1.5rem 0;font-size:2rem;color:var(--teal);opacity:.8}.converter-result{margin-top:2.5rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}[data-theme=light] .converter-result{border-top-color:#0000001a}.converter-formula{margin-top:2rem;margin-bottom:1.5rem}.formula-display{padding:1.2rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:500;color:var(--text-color);text-align:center;letter-spacing:.02em}[data-theme=light] .formula-display{background:#00000008;border-color:#0000001a}.result-display{padding:1.5rem 2rem;background:#07beb81a;border:2px solid var(--teal);border-radius:12px;font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700;color:var(--teal);text-align:center;letter-spacing:.02em;min-height:60px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.converter-hero-section{min-height:30vh;padding:2rem 1rem 1.5rem}.converter-card{padding:2rem 1.5rem}.converter-label{font-size:1rem}.converter-input{font-size:1.1rem;padding:.9rem 1.2rem}.unit-buttons{gap:.5rem}.unit-button{min-width:70px;padding:.75rem 1rem;font-size:.9rem}.result-display{font-size:1.3rem;padding:1.2rem 1.5rem}.formula-display{font-size:1rem;padding:1rem 1.2rem}.privacy-notice{font-size:.85rem;padding:1rem 1.2rem}.file-drop-zone{min-height:150px}.file-drop-icon{font-size:3rem}.file-drop-text{font-size:.95rem}.unit-selectors-horizontal{gap:1.5rem}.converter-arrow-horizontal{font-size:2.5rem}.copy-button{padding:.8rem 1.2rem;font-size:.95rem}.decimal-value{font-size:1.3rem}}@media (max-width: 480px){.converter-card{padding:1.5rem 1rem}.unit-buttons{gap:.4rem}.unit-button{min-width:60px;padding:.7rem .8rem;font-size:.85rem}.result-display{font-size:1.1rem;padding:1rem 1.2rem}.formula-display{font-size:.9rem;padding:.9rem 1rem}.privacy-notice{font-size:.8rem;padding:.9rem 1rem}.file-drop-zone{min-height:140px}.file-drop-content{padding:1.5rem 1rem}.file-drop-icon{font-size:2.5rem}.file-drop-text{font-size:.9rem}.file-name-display{font-size:.85rem}.unit-selectors-horizontal{flex-direction:column;gap:1rem}.converter-arrow-horizontal{font-size:2rem;transform:rotate(90deg)}.result-display-wrapper{flex-direction:column;gap:.75rem}.copy-button{width:100%;padding:.75rem 1rem;font-size:.9rem}.decimal-slider{height:6px}.decimal-slider::-webkit-slider-thumb{width:18px;height:18px}.decimal-slider::-moz-range-thumb{width:18px;height:18px}.decimal-value{font-size:1.2rem}}.about-file-sizes{width:100%;padding:1rem 2rem 4rem;background-color:transparent}.about-content{max-width:1200px;margin:0 auto}.about-title{font-family:Tilt Warp,sans-serif;font-size:80px;font-weight:400;color:var(--text-color);text-align:center;margin-bottom:2rem;letter-spacing:-.05em;line-height:100%}.mn-font,.mn-font *{font-family:Roboto,sans-serif!important}.about-title.mn-font{font-family:Roboto,sans-serif;letter-spacing:-.02em;font-size:50px;font-weight:900;text-transform:none;line-height:1.4;padding-bottom:.1em}.gradient-text-subtle{background:linear-gradient(135deg,var(--teal, #06b6d4),#FCD34D);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-bottom:.1em}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.about-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease}.about-card:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 8px 24px #07beb833}[data-theme=light] .about-card{background:#ffffffe6;border:2px solid rgba(0,0,0,.1)}[data-theme=light] .about-card:hover{box-shadow:0 8px 24px #0000001a}.about-card-title{font-family:Geist,sans-serif;font-size:1.4rem;font-weight:600;color:var(--teal);margin-bottom:1.25rem;letter-spacing:.02em}.about-list{list-style:none;padding:0;margin:0}.about-list li{font-family:Geist,sans-serif;font-size:1rem;color:var(--text-color);margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.about-list li:before{content:"▸";position:absolute;left:0;color:var(--teal);font-weight:700}.about-list li strong{color:var(--teal);font-weight:600}.about-text{font-family:Geist,sans-serif;font-size:1rem;color:var(--text-color);line-height:1.8;margin:0}@media (max-width: 768px){.about-file-sizes{padding:3rem 1.5rem}.about-title{font-size:2rem;margin-bottom:2rem}.about-grid{grid-template-columns:1fr;gap:1.5rem}.about-card{padding:1.5rem}.about-card-title{font-size:1.2rem}.about-list li,.about-text{font-size:.95rem}}@media (max-width: 480px){.about-file-sizes{padding:2rem 1rem}.about-title{font-size:1.75rem}.about-card{padding:1.25rem}.about-card-title{font-size:1.1rem;margin-bottom:1rem}.about-list li{font-size:.9rem;padding-left:1.25rem}.about-text{font-size:.9rem;line-height:1.7}}.why-title,.vision-title,.contact-title{font-family:Tilt Warp,sans-serif!important;font-size:160px!important;font-weight:400!important;letter-spacing:-.05em!important;line-height:80%!important}@media (max-width: 768px){.about-title,.why-title,.vision-title,.contact-title{font-size:60px!important}.about-title.mn-font{font-size:36px!important}}@media (max-width: 480px){.about-title,.why-title,.vision-title,.contact-title{font-size:40px!important}.about-title.mn-font{font-size:24px!important}}.grids-section{width:100vw;padding:0;margin:0;background-color:transparent;box-sizing:border-box;display:block;opacity:0;animation:fadeInElement .5s ease-in-out forwards;animation-delay:.6s}.grids-container{width:100%;height:100%;display:grid;grid-template-columns:50vw 50vw;gap:0;box-sizing:border-box;margin:0;padding:0}@media (max-width: 768px){.grids-container{grid-template-columns:1fr;gap:0}}.grid-item{width:100%;min-height:450px;height:55vh;box-sizing:border-box;margin:0;padding:0 10px 10px}.grid-item:first-child{padding-right:5px}.grid-item:nth-child(2){padding-left:5px}@media (max-width: 768px){.grid-item{padding:10px}.grid-item:first-child{padding-right:10px}.grid-item:nth-child(2){padding-left:10px}}.grid-image-holder{width:100%;height:100%;border-radius:15px;overflow:hidden;margin:0;position:relative}.grid-image-holder img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:filter .3s ease}.grid-image-holder:hover img{filter:blur(15px)}.grid-text-box{position:absolute;bottom:30px;left:30px;right:30px;padding:30px;background:#000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:15px;color:#fff;z-index:2;box-shadow:0 8px 32px #0006}.grid-text-box h3{margin:0 0 15px;color:#fff;font-size:64px;line-height:80%;letter-spacing:-.02em}@media (max-width: 1024px){.grid-text-box h3{font-size:50px}}@media (max-width: 768px){.grid-text-box h3{font-size:40px}.grid-text-box{bottom:20px;left:20px;right:20px;padding:20px}}.grid-text-box p{margin:0;color:#ffffffe6;font-size:18px;line-height:140%}.grids-container .grid-item:nth-child(3){padding-right:5px;padding-top:10px}.grids-container .grid-item:nth-child(4){padding-left:5px;padding-top:10px}@media (max-width: 768px){.grids-container .grid-item:nth-child(3),.grids-container .grid-item:nth-child(4){padding:10px}}.logo-container{margin-bottom:2rem}.logo{width:320px;height:auto;filter:drop-shadow(0 0 15px rgba(9,153,255,.6));transition:transform .3s ease,filter var(--transition-speed) ease}.logo:hover{transform:scale(1.05)}.main-title h1{font-family:Tilt Warp,sans-serif;font-size:200px;line-height:85%;letter-spacing:-.04em;margin-bottom:1rem;filter:drop-shadow(0 0 20px var(--shadow-color));transition:filter var(--transition-speed) ease;color:#fff}@media (max-width: 1024px){.main-title h1{font-size:140px}}@media (max-width: 768px){.main-title h1{font-size:140px}}.hero-subtitle-glitch{font-family:Geist,sans-serif;font-weight:300;font-size:1.5rem;letter-spacing:.2em;color:#fff;opacity:0;animation:fadeInElement .5s ease-in 1.5s forwards,glitchAnim .7s cubic-bezier(.25,.46,.45,.94) 1.5s forwards;position:relative;text-transform:uppercase;margin-top:1rem}.hero-subtitle-glitch:before,.hero-subtitle-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:glitch-visibility .7s forwards 1.5s}.hero-subtitle-glitch:before{left:2px;text-shadow:-2px 0 #07BEB8;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-anim-1 .1s 7 linear alternate-reverse,glitch-visibility .7s forwards 1.5s}.hero-subtitle-glitch:after{left:-2px;text-shadow:-2px 0 #FFA62B,2px 2px #8B5CF6;clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);animation:glitch-anim-2 .08s 9 linear alternate-reverse,glitch-visibility .7s forwards 1.5s}@keyframes glitch-visibility{0%,to{opacity:0}10%,90%{opacity:.8}}@keyframes glitchAnim{0%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px,2px)}20%,40%,60%,80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 40% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(30% 0 20% 0)}60%{clip-path:inset(70% 0 10% 0)}80%{clip-path:inset(50% 0 30% 0)}to{clip-path:inset(5% 0 80% 0)}}.teal{color:#fff}.gradient-i{font-weight:900;color:#fff;display:inline-block;padding:0;margin:0;transition:filter var(--transition-speed) ease}.yellow{color:#fff}.gradient-text{background:linear-gradient(90deg,#07beb8,#ffa62b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline}.subtitle{font-size:1.75rem;color:var(--subtitle-color);max-width:600px;margin:0 auto 3rem;text-shadow:0 0 15px rgba(0,0,0,.5);transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease;font-weight:300;line-height:1.6;letter-spacing:.02em}@media (max-width: 768px){.subtitle{font-size:1.4rem;max-width:90%;margin-bottom:2.5rem}}@media (max-width: 480px){.subtitle{font-size:1.2rem;margin-bottom:2rem}}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-fade-in{opacity:0;animation:fadeInElement 1s ease-out forwards;animation-delay:2s}.site-footer{width:100%;margin-top:40px;padding:0;position:relative}.footer-background{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.footer-bg-image{position:absolute;top:10px;left:50%;transform:translate(-50%);width:calc(100vw - 20px);max-width:none;height:calc(100% - 20px);object-fit:cover;z-index:1}.featured-content-section~.site-footer .footer-content{padding-left:3rem}.footer-content{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 20px);max-width:none;padding:0 8rem 0 3rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.footer-brand{flex:0 0 auto;padding-top:0;padding-left:5rem;margin-right:auto}.footer-brand-text{display:flex;flex-direction:column;align-items:flex-start}.footer-tuhai,.footer-info{font-family:Tilt Warp,sans-serif!important;font-size:140px;line-height:.85;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);-webkit-font-smoothing:antialiased}.footer-brand,.footer-brand-text{font-family:Tilt Warp,sans-serif}.footer-links,.footer-connect{flex:0 0 auto;padding-top:10px;display:flex;flex-direction:column;align-items:flex-end}.footer-heading{font-family:Geist,sans-serif;font-style:normal;font-size:18px;font-weight:400;line-height:1;letter-spacing:.02em;color:#fff;margin:0 0 20px;text-shadow:none;padding:6px;background-color:transparent;border:2px solid #ffffff;border-radius:50px;display:inline-block;width:fit-content}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.footer-link-list li{margin:0}.footer-link-list a,.footer-email{font-family:Geist,sans-serif;font-weight:400;font-size:18px;line-height:1.4;letter-spacing:.02em;color:#fff;text-decoration:underline;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.3)}.footer-link-list a:hover,.footer-email:hover{transform:translate(5px)}.footer-links .footer-link-list a:hover{color:#07beb8;text-shadow:0 0 10px rgba(7,190,184,.6)}.footer-connect .footer-email:hover{color:#ffa62b;text-shadow:0 0 10px rgba(255,166,43,.6)}.footer-copyright{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#fff9;font-family:Geist,sans-serif;font-size:14px;z-index:3;letter-spacing:.05em}body.mn-language .footer-copyright{font-family:Geist,sans-serif!important}@media (max-width: 1024px){.footer-background{height:350px}.footer-content{padding:0 2rem;gap:2rem}.footer-tuhai,.footer-info{font-size:60px}.footer-heading{font-size:16px;padding:6px 16px}.footer-link-list a,.footer-email{font-size:16px}}@media (max-width: 768px){.site-footer{margin-top:40px}.footer-background{height:auto;min-height:400px;padding:40px 0 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.footer-content{position:relative;top:auto;left:auto;transform:none;display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto auto;gap:20px;padding:0 1rem;align-items:start;width:100%;max-width:100%;flex:0 0 auto}.footer-brand{grid-column:1;grid-row:1 / span 2;padding-left:0;display:flex;justify-content:flex-start;padding-top:10px}.footer-links{grid-column:2;grid-row:1;margin-left:0;align-items:flex-start}.footer-connect{grid-column:2;grid-row:2;margin-left:0;align-items:flex-start}.footer-link-list{align-items:flex-start}.footer-tuhai,.footer-info{font-size:48px}.footer-heading{font-size:15px;padding:6px 14px;margin-bottom:16px}.footer-link-list a,.footer-email{font-size:15px}.footer-copyright{position:relative;bottom:auto;left:auto;width:100%;max-width:100%;margin-top:auto;padding:1.25rem 1rem 0;text-align:center;box-sizing:border-box}}@media (max-width: 480px){.footer-background{min-height:350px;padding:30px 0 20px}.footer-content{gap:30px;padding:0 1rem}.footer-copyright{font-size:12px;padding:1rem 1rem 0}.footer-tuhai,.footer-info{font-size:40px}.footer-heading{font-size:14px;padding:5px 12px}.footer-link-list a,.footer-email{font-size:14px}}.light-mode .teal{text-shadow:0 0 5px rgba(7,190,184,.5),0 0 10px rgba(7,190,184,.3)}.light-mode .yellow{text-shadow:0 0 5px rgba(255,166,43,.5),0 0 10px rgba(255,166,43,.3)}.light-mode .gradient-i{filter:drop-shadow(0 0 5px rgba(255,166,43,.5)) drop-shadow(0 0 10px rgba(7,190,184,.3))}@media (max-width: 768px){.logo{width:220px}.main-title h1{font-size:3rem}.subtitle{font-size:1.25rem}.theme-toggle{top:10px;right:10px;flex-direction:column;gap:8px}.theme-toggle button{padding:6px 12px;font-size:.8rem;margin-left:0!important}.section-number{font-size:2.5rem}.section-title{font-size:2rem}.content-section{padding:0 1.5rem;margin-bottom:4rem}.tip-item{flex-direction:column}.tip-icon{margin-right:0;margin-bottom:1rem}}@media (max-width: 480px){.logo{width:150px}.main-title h1{font-size:2.5rem}.section-number{font-size:2rem}.section-title{font-size:1.75rem}.subtitle{font-size:1rem;max-width:90%}.content-section{padding:1.5rem 1rem;margin-bottom:3rem;min-height:fit-content}.content-sections{padding:2rem 0}}@media (max-width: 360px){.content-section{padding:1.25rem .75rem;margin-bottom:2.5rem}.section-header{margin-bottom:1.5rem}.section-number{font-size:1.75rem}.section-title{font-size:1.5rem}}@media (max-height: 700px){.logo{width:180px}.main-title h1{font-size:3.5rem;margin-bottom:.25rem}.subtitle{font-size:1.2rem;margin-bottom:1rem}.logo-container{margin-bottom:1rem}}@media (max-height: 600px){.logo{width:150px}.main-title h1{font-size:3rem}.subtitle{font-size:1rem;margin-bottom:.5rem}}button,.shortcut-card,.tip-item,.scroll-indicator,.section-title,.section-number,.logo{cursor:pointer}.section-header-bg{transition:transform .2s ease}.section-header-bg:hover{transform:translate(5px)}.section-number:hover{opacity:1;transform:scale(1.05)}.section-title{position:relative;transition:color .2s ease}.section-title:hover{color:var(--teal)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(to right,var(--teal),var(--yellow));border-radius:2px;transition:width .3s ease}.section-title:hover:after{width:100%}.error-message.api-error{background-color:#ff00001a;color:#f33;padding:1rem;border-radius:5px;margin-bottom:1.5rem;border-left:4px solid #ff3333}.dev-note{font-size:.8rem;margin-top:.5rem;opacity:.7}.platform-filter{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0;width:100%;flex-wrap:wrap}.platform-filter button{padding:.5rem 1rem;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:5px;cursor:pointer;transition:all .3s ease}.platform-filter button.active{background-color:var(--teal);color:#fff;border-color:var(--teal)}.platform-filter button:hover:not(.active){background-color:var(--input-bg)}.error-message{background-color:#ff00001a;border-left:4px solid #ff3333;color:#f33;margin:1rem 0;padding:1rem;border-radius:4px}.mock-data-notice{color:#666;font-size:.9em;margin-top:.5rem;font-style:italic}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .3s ease}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.shortcuts-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shortcut-card{background:var(--card-bg);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.shortcut-card h3{margin-bottom:1rem;color:var(--heading-color)}.shortcut-card ul{list-style:none;padding:0}.shortcut-card li{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.shortcut-card kbd{background:var(--kbd-bg);padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.9em;min-width:80px;text-align:center}#shortcuts{display:block!important;visibility:visible!important;opacity:1!important;min-height:300px;margin:2rem 0;padding:1rem}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.shortcut-card{background-color:var(--card-bg, #2a2a2a);border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0003}.shortcut-card h3{margin-bottom:1rem;color:var(--heading-color, #ffffff);border-bottom:1px solid var(--border-color, #444);padding-bottom:.5rem}.shortcut-card ul{list-style:none;padding:0;margin:0}.shortcut-card li{display:flex;align-items:center;margin-bottom:.5rem;padding:.5rem 0}.shortcut-card .key{background-color:var(--key-bg, #444);color:var(--key-color, #fff);padding:.25rem .5rem;border-radius:4px;margin-right:1rem;font-family:monospace;min-width:80px;text-align:center;display:inline-block}.platform-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.platform-filter button{padding:.5rem 1rem;background-color:var(--button-bg, #333);color:var(--button-color, #fff);border:1px solid var(--button-border, #555);border-radius:4px;cursor:pointer;transition:all .3s ease}.platform-filter button.active{background-color:var(--button-active-bg, #0066cc);border-color:var(--button-active-border, #0055aa)}.info-message{background-color:#0064ff1a;border-left:4px solid #0066cc;color:var(--info-color, #0066cc);padding:.75rem 1rem;margin-bottom:1rem;border-radius:4px}.mock-data-notice{font-size:.9em;opacity:.8;margin-top:.5rem}.empty-state{text-align:center;padding:2rem;background-color:var(--card-bg, #2a2a2a);border-radius:8px;color:var(--text-color, #ccc);font-style:italic;width:100%;margin-top:1.5rem}.content-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.section-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.section-header-bg{position:relative;display:flex;flex-direction:column;align-items:center}.section-number{font-size:6rem;font-weight:700;opacity:.4;position:absolute;top:-3rem;z-index:-1;color:var(--yellow);text-shadow:0 0 10px rgba(255,166,43,.7),0 0 20px rgba(255,166,43,.5)}.section-title{font-size:2.5rem;margin:0;position:relative}.section-header-line{width:50px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));margin-top:1rem}.section-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.section-content>p{text-align:center;max-width:800px;margin-bottom:2rem}#shortcuts .platform-filter{display:flex;justify-content:center;gap:.5rem;margin:1rem 0 2rem;width:100%;flex-wrap:wrap}#shortcuts .shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1000px;margin:0 auto}#shortcuts .shortcut-card{background-color:var(--card-bg, #2a2a2a);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}#shortcuts .shortcut-card h3{margin-top:0;margin-bottom:1rem;color:var(--heading-color, #ffffff);border-bottom:1px solid var(--border-color, #444);padding-bottom:.5rem}#shortcuts .shortcut-card ul{list-style:none;padding:0;margin:0}#shortcuts .shortcut-card li{display:flex;align-items:center;margin-bottom:.75rem;padding:.5rem 0}#shortcuts .shortcut-card .key{background-color:var(--key-bg, #444);color:var(--key-color, #fff);padding:.25rem .5rem;border-radius:4px;margin-right:1rem;font-family:monospace;min-width:80px;text-align:center;display:inline-block}#shortcuts .empty-state{text-align:center;padding:2rem;background-color:var(--card-bg, #2a2a2a);border-radius:8px;color:var(--text-color, #ccc);font-style:italic;width:100%;grid-column:1 / -1}#shortcuts button:not(.fancy-button){padding:.5rem 1rem;background-color:var(--button-bg, #333);color:var(--button-color, #fff);border:1px solid var(--button-border, #555);border-radius:4px;cursor:pointer;transition:all .3s ease}#shortcuts button.active{background-color:var(--button-active-bg, #0066cc);border-color:var(--button-active-border, #0055aa)}#home,#shortcuts,#tips{display:flex;flex-direction:column;align-items:center;width:100%}.content-section,.section-content,.shortcuts-grid,#shortcuts,#home,#tips,section,div{outline:none!important}.section-header-bg:hover .section-number{opacity:.6;transform:scale(1.05)}[data-theme=light] .section-number{color:var(--teal);text-shadow:0 0 5px rgba(7,190,184,.5),0 0 10px rgba(7,190,184,.3)}.language-toggle-button{background:#0003;color:var(--text-color);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;margin-left:10px}.language-toggle-button:hover{background:#0006}.light-mode .language-toggle-button{background:#0000001a;color:#333}.light-mode .language-toggle-button:hover{background:#0003}.page-header{padding:20px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.page-content{padding:0 20px 40px;max-width:1200px;margin:0 auto}.page-intro{font-size:1.2rem;margin-bottom:30px;color:var(--text-color);line-height:1.6}.back-button{display:inline-flex;align-items:center;padding:8px 16px;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease;width:fit-content}.back-button:hover{background-color:var(--bg-hover)}.shortcuts-preview{margin:20px 0;max-height:300px;overflow:hidden;position:relative}.shortcuts-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,var(--bg-color));pointer-events:none}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:40px;text-align:center}.page-header h1{font-size:3rem;margin-bottom:20px;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4caf50,#2196f3)}.page-intro{font-size:1.2rem;max-width:800px;margin:0 auto;line-height:1.6}.platform-section{margin-bottom:40px}.platform-title{font-size:2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.shortcut-card{background-color:var(--card-bg, rgba(255, 255, 255, .05));border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.shortcut-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.key-combo{font-family:Courier New,monospace;font-weight:700;font-size:1.2rem;padding:8px 12px;background-color:var(--key-bg, rgba(0, 0, 0, .2));border-radius:6px;margin-bottom:12px;display:inline-block;color:var(--text-color);transition:color var(--transition-speed) ease}.description{font-size:1rem;color:var(--text-color)}.back-button{display:inline-block;padding:8px 16px;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;margin-bottom:20px}.back-button:hover{background-color:#ffffff1a}@media (max-width: 768px){.shortcuts-grid{grid-template-columns:1fr}.page-header h1{font-size:2.5rem}.platform-title{font-size:1.8rem}}.shortcuts-component{width:100%}.preview-filters{justify-content:center}.platform-title{font-size:1.5rem;margin-bottom:15px;color:var(--heading-color, white)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-bottom:30px}.shortcut-card{background-color:var(--card-bg, rgba(255, 255, 255, .05));border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.shortcut-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.key-combo{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;padding:6px 10px;background-color:var(--key-bg, rgba(0, 0, 0, .2));border-radius:4px;margin-bottom:10px;display:inline-block;color:var(--text-color);transition:color var(--transition-speed) ease}.description{font-size:.95rem;color:var(--text-color)}.view-all-button{display:inline-block;padding:10px 20px;background-color:var(--accent-color, #3498db);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s ease;margin-top:20px}.view-all-button:hover{background-color:var(--accent-hover, #2980b9)}@media (max-width: 768px){.shortcuts-grid{grid-template-columns:1fr}}.platform-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.platform-filter-btn{padding:8px 16px;background-color:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-color);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.platform-filter-btn.active{background-color:var(--accent-color, #3498db);color:#fff;border-color:var(--accent-color, #3498db)}.platform-filter-btn:hover:not(.active){background-color:var(--bg-hover, rgba(255, 255, 255, .1))}.section-header-bg.clickable{cursor:pointer;transition:transform .3s ease;position:relative}.section-header-bg.clickable:hover{transform:translate(5px)}.section-header-bg.clickable:hover:after{content:"→";position:absolute;right:-25px;top:50%;transform:translateY(-50%);opacity:.7}.section-header-bg.clickable:hover .section-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.loading-indicator{text-align:center;padding:20px;color:var(--text-color);font-style:italic}.error-message{text-align:center;padding:20px;color:#e74c3c;background-color:#e74c3c1a;border-radius:4px;margin:10px 0}.no-data-message{text-align:center;padding:20px;color:var(--text-color);font-style:italic}.tips-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin:40px auto;max-width:1200px;padding:0 20px}.tips-grid .tip-card{width:300px;height:auto;min-height:350px;background:#212121;border-radius:20px;padding:30px;text-align:center;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.tips-grid .tip-card:after{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle at center,#ffffff1a,#0000 70%);border-radius:30px;z-index:-1;pointer-events:none}.tips-grid .tip-card .tip-icon{font-size:3em;margin-bottom:20px;display:block}.tips-grid .tip-card .tip-title{font-size:1.5em;font-weight:700;margin-bottom:20px;color:#fff;width:100%}.tips-grid .tip-card .tip-content{font-size:1em;line-height:1.6;color:#ccc;width:100%;word-wrap:break-word;overflow-wrap:break-word}.category-filters{display:flex;justify-content:center;gap:15px;margin:20px 0;flex-wrap:wrap}.category-filter-btn{padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background-color:#0000004d;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1em}.category-filter-btn.active{background-color:#ffa62bcc;border-color:#ffa62b;color:#000}@media (min-width: 1024px){.tips-grid{display:flex;flex-wrap:wrap;justify-content:center}.tips-grid .tip-card{flex:0 0 calc(33.333% - 40px);max-width:calc(33.333% - 40px)}}@media (max-width: 1023px) and (min-width: 768px){.tips-grid .tip-card{flex:0 0 calc(50% - 30px);max-width:calc(50% - 30px)}}@media (max-width: 767px){.tips-grid .tip-card{flex:0 0 100%;max-width:300px}}.back-button-container{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.view-more-container{display:flex;justify-content:center;margin:2rem 0;width:100%}.fancy-button,.fancy-button:after{padding:10px 50px;font-size:20px;border:none;border-radius:5px;color:#1a1a1a;background-color:var(--cta-color);position:relative;cursor:pointer;text-transform:uppercase;letter-spacing:2px;margin:2rem auto;transition:all .3s ease;overflow:hidden;font-weight:600}.fancy-button .actual-text,.fancy-button .hover-text{position:relative;display:inline-block;transition:all .3s ease;width:100%;text-align:center}.fancy-button .hover-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(100%);opacity:0}.fancy-button:hover .actual-text{transform:translateY(-100%);opacity:0}.fancy-button:hover .hover-text{transform:translateY(0);opacity:1}.fancy-button:after{--move1: inset(50% 50% 50% 50%);--move2: inset(31% 0 40% 0);--move3: inset(39% 0 15% 0);--move4: inset(45% 0 40% 0);--move5: inset(45% 0 6% 0);--move6: inset(14% 0 61% 0);clip-path:var(--move1);content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;display:block}.fancy-button:hover:after{animation:glitch_4011 1s;text-shadow:10 10px 10px black;animation-timing-function:steps(2,end);text-shadow:-3px -3px 0px var(--teal),3px 3px 0px var(--yellow);background-color:transparent;border:3px solid var(--teal)}.fancy-button:hover{text-shadow:-1px -1px 0px var(--teal),1px 1px 0px var(--yellow);background-color:var(--teal);color:#fff;border:1px solid var(--teal);box-shadow:0 10px 10px -10px var(--teal)}@keyframes glitch_4011{0%{clip-path:var(--move1);transform:translateY(-10px)}10%{clip-path:var(--move2);transform:translate(-10px,10px)}20%{clip-path:var(--move3);transform:translate(10px)}30%{clip-path:var(--move4);transform:translate(-10px,10px)}40%{clip-path:var(--move5);transform:translate(10px,-10px)}50%{clip-path:var(--move6);transform:translate(-10px,10px)}60%{clip-path:var(--move1);transform:translate(10px,-10px)}70%{clip-path:var(--move3);transform:translate(-10px,10px)}80%{clip-path:var(--move2);transform:translate(10px,-10px)}90%{clip-path:var(--move4);transform:translate(-10px,10px)}to{clip-path:var(--move1);transform:translate(0)}}.light-mode .fancy-button{color:var(--text-color)}.light-mode .fancy-button:hover{border:1px solid var(--teal);box-shadow:0 10px 10px -10px var(--teal)}.light-mode .fancy-button:hover:after{border:3px solid var(--teal);text-shadow:-3px -3px 0px var(--teal),3px 3px 0px var(--yellow)}@media (max-width: 768px){.fancy-button .actual-text,.fancy-button .hover-text{--fs-size: 1.2em}}@media (max-width: 480px){.fancy-button .actual-text,.fancy-button .hover-text{--fs-size: 1em;letter-spacing:2px}}.page-hero{background:linear-gradient(135deg,var(--header-bg) 0%,var(--section-bg) 100%);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:0s}.tips-hero{background:linear-gradient(135deg,var(--header-bg) 0%,#0a2a3a 100%)}.about-hero{background:linear-gradient(135deg,var(--header-bg) 0%,#1a2a4a 100%)}.about-hero-section{height:500px;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:0s}.about-hero-section .main-title{position:relative;top:auto;left:auto;transform:none}.loop-section{width:100vw;max-width:none;overflow:hidden;padding:60px 0;margin:0;margin-left:calc(-50vw + 50%);background:transparent;box-sizing:border-box;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:.6s;contain:layout style paint}.loop-container{width:100vw;max-width:none;overflow:hidden;position:relative;margin:0;padding:0;box-sizing:border-box}.loop-track{display:flex;gap:40px;animation:scroll 40s linear infinite;will-change:transform;margin:0;padding:0;width:max-content;box-sizing:border-box}.loop-track:hover{animation-play-state:paused}.loop-image{height:200px;width:auto;max-width:none;object-fit:contain;flex-shrink:0;filter:grayscale(0%);transition:filter .3s ease;margin:0;padding:0;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.loop-image:hover{filter:grayscale(0%) brightness(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){.loop-section{padding:50px 0;margin:0;max-width:none;width:100vw}.loop-container{max-width:none;width:100vw}.loop-track{gap:35px;width:max-content}.loop-image{height:175px;max-width:none}}@media (max-width: 768px){.loop-section{padding:40px 0;margin:0;max-width:none;width:100vw}.loop-container{max-width:none;width:100vw}.loop-track{gap:30px;width:max-content}.loop-image{height:150px;max-width:none}}.why-section{width:100%;max-width:1400px;margin:80px auto;padding:0 40px;box-sizing:border-box;overflow:visible;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:.9s}.why-container{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1400px;margin:0 auto;min-width:0;overflow:visible}.why-title{flex:0 1 460px;max-width:460px;width:100%;min-width:0;margin:0;color:var(--text-color);text-align:center;font-size:clamp(52px,5.6vw,98px)!important;line-height:.95!important;padding-right:0;box-sizing:border-box;white-space:normal;overflow:visible;letter-spacing:-.03em!important;overflow-wrap:anywhere;word-break:break-word}.why-title>span{display:inline-block;padding-right:24px;box-sizing:content-box}.why-title>span:after{content:"";display:inline-block;width:12px;height:1px}@media (min-width: 1400px){.why-section,.why-container{max-width:1600px}}.why-text{flex:1 1 45%;min-width:0;font-size:18px;line-height:1.8;color:var(--text-color);opacity:.9;margin:0;text-align:left;padding-left:0}@media (max-width: 1024px){.why-section{margin:60px auto;padding:0 30px}.why-container{gap:20px;align-items:stretch}.why-title{flex-basis:360px;max-width:360px;font-size:clamp(60px,7.2vw,120px)!important;display:flex;align-items:center;justify-content:center}.why-text{font-size:17px;padding-left:0}}@media (max-width: 768px){.why-section{margin:50px auto;padding:0 20px}.why-container{flex-direction:column;gap:25px}.why-title{max-width:100%;flex-basis:auto;margin-bottom:0}.why-text{font-size:16px;line-height:1.7;padding-left:0}}.vision-section{width:100%;max-width:1400px;margin:80px auto;padding:0 40px;box-sizing:border-box;overflow:visible;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:1.2s}.vision-container{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1400px;margin:0 auto;min-width:0;overflow:visible}@media (min-width: 1400px){.vision-section,.vision-container{max-width:1600px}}.vision-cards{flex:0 1 55%;min-width:0;max-width:55%;display:flex;flex-direction:column;gap:15px}.vision-title{flex:0 1 460px;max-width:460px;width:100%;min-width:0;margin:0;color:var(--text-color);text-align:center;font-size:clamp(52px,5.6vw,98px)!important;line-height:.95!important;padding-left:0;box-sizing:border-box;white-space:normal;overflow:visible;letter-spacing:-.03em!important;overflow-wrap:anywhere;word-break:break-word}.vision-title>span{display:inline-block;padding-left:24px;box-sizing:content-box}.vision-title>span:after{content:"";display:inline-block;width:12px;height:1px}.vision-card{background:#000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px;padding:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;min-height:140px;display:flex;flex-direction:column;transition:all .3s ease}.vision-card:hover{backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);background:#0009;border-color:#ffffff4d;box-shadow:0 12px 48px #0009}.vision-card-title{font-family:Geist,sans-serif;font-style:italic;font-size:52px;line-height:80%;letter-spacing:-.02em;margin:0 0 10px;color:#fff;word-wrap:break-word;overflow-wrap:break-word}.vision-card-text{font-family:Geist,sans-serif;font-weight:600;font-size:16px;line-height:140%;letter-spacing:-.02em;color:#ffffffe6;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vision-card-1{background-image:linear-gradient(#000000bf,#000000bf),url(/tools-bg.jpg);background-size:cover;background-position:center}.vision-card-2{background-image:linear-gradient(#000000bf,#000000bf),url(/ce-bg.jpg);background-size:cover;background-position:center}.vision-card-3{background-image:linear-gradient(#000000bf,#000000bf),url(/lu-bg.jpg);background-size:cover;background-position:center}@media (max-width: 1024px){.vision-section{margin:60px auto;padding:0 30px}.vision-container{gap:20px;align-items:stretch}.vision-title{flex-basis:360px;max-width:360px;font-size:clamp(60px,7.2vw,120px)!important;display:flex;align-items:center;justify-content:center}.vision-cards{gap:14px}.vision-card{padding:18px;min-height:130px}.vision-card-title{font-size:44px}.vision-card-text{font-size:15px}}@media (max-width: 768px){.vision-section{margin:50px auto;padding:0 20px}.vision-container{flex-direction:column-reverse;gap:30px}.vision-title{max-width:100%;flex-basis:auto;margin-bottom:0}.vision-cards{gap:12px;width:100%!important;max-width:100%!important;align-items:center;flex:1 1 auto}.vision-card{padding:16px;min-height:110px;text-align:center;align-items:center}.vision-card-title{font-size:32px}.vision-card-text{font-size:14px}}.contact-section{padding:80px 40px;max-width:100%;margin:0 auto;text-align:center;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:1.5s}.contact-container{max-width:100%;margin:0 auto}.contact-title{color:var(--text-color);margin:0 0 20px;font-size:clamp(52px,5.6vw,98px)!important;line-height:.95!important;letter-spacing:-.03em!important}.contact-text{color:var(--text-color);opacity:.85;margin-bottom:40px;font-size:18px;line-height:1.6;max-width:1200px;margin-left:auto;margin-right:auto}.contact-info{display:flex;flex-direction:column;gap:20px;align-items:center}.contact-item{display:flex;align-items:center;gap:10px;font-size:18px}.contact-label{color:var(--text-color);font-weight:600;font-family:Geist,sans-serif}.contact-link{color:var(--accent-color, #4a90e2);text-decoration:none;transition:opacity .3s ease;font-weight:500;font-family:Geist,sans-serif}.contact-link:hover{opacity:.7;text-decoration:underline}@media (max-width: 768px){.contact-section{padding:60px 20px}.contact-title{font-size:36px}.contact-text{font-size:16px}.contact-item{flex-direction:column;gap:5px;font-size:16px}}.vision-hero-section{height:500px;display:flex;align-items:center;justify-content:center;position:relative}.vision-hero-section .main-title{position:relative;top:auto;left:auto;transform:none}.tools-hero-section{height:500px;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:0s}.tools-hero-section .main-title{position:relative;top:auto;left:auto;transform:none}.vision-hero{background:linear-gradient(135deg,var(--header-bg) 0%,#2a1a4a 100%)}.tools-hero{background:linear-gradient(135deg,var(--header-bg) 0%,#4a2a1a 100%)}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}.hero-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto 2rem;line-height:1.6;color:var(--subtitle-color)}.hero-decoration{margin-top:2rem}.keyboard-icon,.tips-icon{font-size:4rem;animation:float 3s ease-in-out infinite;display:inline-block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.about-content,.vision-content{max-width:900px;margin:3rem auto;padding:0 2rem;min-height:auto}.about-content:has(.tools-grid),.vision-content:has(.tools-grid){max-width:1400px;min-height:fit-content}.content-section{margin-bottom:3rem;padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-height:auto}.section-title{font-size:2rem;margin-bottom:1.5rem;color:var(--accent-color)}.section-text{font-size:1.125rem;line-height:1.8;color:var(--text-color)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem auto;padding:0 2rem 3rem;max-width:1200px;min-height:fit-content}.tool-card-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.tool-card-item:hover{transform:translateY(-8px);background:#ffffff14;border-color:var(--accent-color);box-shadow:0 8px 24px #0000004d}.tool-card-icon{font-size:3rem;margin-bottom:1rem}.tool-card-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.tool-card-description{font-size:1rem;line-height:1.6;color:#fffc;flex-grow:1}.tool-card-button{margin-top:1rem;padding:.75rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.tool-card-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.shortcuts-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:3rem 0}.intro-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.intro-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003}.intro-icon{font-size:2.5rem;margin-bottom:1rem}.intro-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.intro-card p{font-size:.95rem;line-height:1.5;color:var(--subtitle-color)}.tips-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:3rem 0}.category-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003}.category-icon{font-size:2.5rem;margin-bottom:1rem}.category-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.category-card p{font-size:.95rem;line-height:1.5;color:var(--subtitle-color)}.tips-search-container{margin:2rem 0}.search-bar{max-width:600px;margin:0 auto;background:var(--input-bg);border-radius:50px;padding:.75rem 1.5rem;display:flex;align-items:center;box-shadow:0 4px 15px #0000001a}.search-icon{font-size:1.25rem;margin-right:.75rem}.tips-search-input{background:transparent;border:none;color:var(--input-text);font-size:1rem;width:100%;outline:none;padding:.5rem 0}.additional-resources{margin:4rem 0 2rem}.additional-resources h2{text-align:center;font-size:2rem;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.additional-resources h2:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--yellow));border-radius:3px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.resource-card{background:var(--card-bg);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 4px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center;text-decoration:none;color:var(--text-color)}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003}.resource-icon{font-size:2.5rem;margin-bottom:1rem}.resource-card h3{font-size:1.25rem;font-weight:600}.did-you-know{margin:4rem 0 2rem}.did-you-know h2{text-align:center;font-size:2rem;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.did-you-know h2:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--yellow));border-radius:3px}.fact-card{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000026;text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.fact-icon{font-size:3rem;margin-bottom:1.5rem}.fact-card p{font-size:1.1rem;line-height:1.6;color:var(--subtitle-color)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.keyboard-icon,.tips-icon{font-size:3rem}.shortcuts-intro,.tips-categories,.resources-grid{grid-template-columns:1fr}.fact-card{padding:1.5rem}.about-content,.vision-content{padding:0 1.5rem;margin:2.5rem auto}.content-section{padding:1.75rem;margin-bottom:2.5rem;min-height:fit-content}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 1.5rem 2.5rem;gap:1.75rem;margin:2.5rem auto}}@media (max-width: 480px){.page-hero{padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.search-bar{padding:.5rem 1rem}.about-content,.vision-content{padding:0 1rem;margin:2rem auto}.content-section{padding:1.5rem;margin-bottom:2rem;min-height:fit-content}.section-title{font-size:1.5rem}.section-text{font-size:1rem}.tools-grid{grid-template-columns:1fr;padding:0 1rem 2rem;gap:1.5rem;margin:2rem auto}.tool-card-item{padding:1.5rem}.tool-card-icon{font-size:2.5rem}.tool-card-title{font-size:1.25rem}.about-hero-section,.tools-hero-section{height:400px}}.back-button{font-size:17px;padding:1em 2.7em;font-weight:500;background:#1a1a1a;color:#fff;border:none;position:relative;overflow:hidden;border-radius:.6em;cursor:pointer;margin:20px 0}.back-button-container{width:100%;display:flex;justify-content:flex-start;padding-left:20px;margin:20px 0}.back-button .gradient{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:.6em;margin-top:-.25em;background-image:linear-gradient(#0000,#0000,#0000004d)}.back-button .label{position:relative;top:-1px}.back-button .transition{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.5s;background-color:#07beb899;border-radius:9999px;width:0;height:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.back-button:hover .transition{width:14em;height:14em}.back-button:active{transform:scale(.97)}.back-button.yellow .transition{background-color:#ffa62b99}.back-button.gradient-btn .transition{background:linear-gradient(90deg,#07beb899,#ffa62b99)}.shortcut-info-card .frontSide,.shortcut-info-card .backSide{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.8);border-radius:1rem;color:#fff;box-shadow:0 0 .3em #ffffff80;font-weight:700;padding:20px}.shortcut-info-card .backSide,.shortcut-info-card .backSide:before{background-image:linear-gradient(160deg,#ffa62b,#960)}.shortcut-info-card .card-content{font-size:1.1em;line-height:1.5;font-weight:500}.shortcut-info-card .card-icon{font-size:3em;margin-bottom:10px}.shortcut-info-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0}.why-use-shortcuts{margin:40px 0;text-align:center}.why-use-shortcuts h3{font-size:1.8em;margin-bottom:20px;color:#fff}.platform-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0;width:100%}.platform-filter-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3);background-color:#0003;color:#fff;cursor:pointer;transition:all .3s ease}.platform-filter-btn.active{background-color:#07beb84d;border-color:#07beb8;box-shadow:0 0 10px #07beb880}.platform-filter-btn:hover{background-color:#07beb833}.shortcut-info-card .frontSide,.shortcut-info-card .backSide{border:1px solid rgba(255,255,255,.5);box-shadow:0 0 .2em #ffffff4d}.shortcut-info-card .backSide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;border-radius:1rem;z-index:-1}.shortcut-info-card .backSide .title,.shortcut-info-card .backSide .card-content{text-shadow:0 1px 2px rgba(0,0,0,.8)}.print-save-button{position:relative;width:150px;height:45px;background-color:#07beb8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;overflow:hidden;margin:20px auto;display:block;transition:background-color .3s ease}.print-save-button:hover{background-color:#ffa62b}.print-save-button .button-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease}.print-save-button:hover .button-content{transform:translateY(-100%)}.print-save-button .text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:0}.print-save-button .icon{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:100%}.print-save-button:hover .text{top:-100%}.print-save-button:hover .icon{top:0}.print-save-section{margin:40px 0;text-align:center}.print-save-section h3{font-size:1.5em;margin-bottom:15px;color:#fff}.simple-print-button{padding:12px 24px;background-color:#07beb8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin:20px auto;display:block;transition:background-color .3s ease}.simple-print-button:hover{background-color:#ffa62b}.download-button{padding:.8rem 4rem;border:none;outline:none;font-size:1.3rem;border-radius:.3rem;font-weight:600;background-color:var(--cta-color);position:relative;overflow:hidden;cursor:pointer;transition:.4s ease-in-out;width:180px;height:60px;margin:20px auto;display:block}.download-button .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.4s ease-in-out;color:#1a1a1a;margin:0;white-space:nowrap}.download-button .svg-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-20px) rotate(30deg);opacity:0;width:2rem;transition:.4s ease-in-out}.download-button:hover{background-color:var(--teal)}.download-button:hover .svg-container{transform:translate(-50%,-50%) translateY(0) rotate(0);opacity:1}.download-button:hover .text{opacity:0}.download-button:active{transform:scale(.97)}.download-button svg{fill:#fff;width:2rem;height:2rem}.download-section{margin:40px 0;text-align:center;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:1.5s}body.mn-language{font-family:Roboto,sans-serif}body.mn-language .paragraph-1,body.mn-language p.paragraph-1,body.mn-language p,body.mn-language .vision-card-text,body.mn-language .why-text,body.mn-language .contact-text,body.mn-language .grid-text-box p,body.mn-language .featured-card-text,body.mn-language .shortcut-description-modern,body.mn-language .simple-tip-content,body.mn-language .tip-content,body.mn-language .description,body.mn-language .subtitle-description,body.mn-language .page-intro,body.mn-language .section-content p,body.mn-language .hero-nav-button,body.mn-language .featured-content-btn,body.mn-language .category-filter-btn,body.mn-language .platform-filter-btn,body.mn-language .fancy-button,body.mn-language button,body.mn-language li{font-family:Roboto,sans-serif!important}body.mn-language .footer-brand,body.mn-language .footer-brand-text,body.mn-language .footer-tuhai,body.mn-language .footer-info{font-family:Tilt Warp,sans-serif!important}.why-use-tips{margin:40px 0;text-align:center}.why-use-tips h3{font-size:1.8em;margin-bottom:20px;color:#fff}.tips-component{margin:2rem 0}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0;padding:0 20px}.category-filter-btn{position:relative;padding:12px 24px;border-radius:24px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.95em;overflow:hidden;display:flex;align-items:center;gap:8px}.category-filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.category-filter-btn:hover:before{left:100%}.category-filter-btn:hover{transform:translateY(-2px);border-color:#ffa62b66;box-shadow:0 4px 12px #ffa62b33}.category-filter-btn.active{background:linear-gradient(135deg,#ffa62b33,#ffa62b1a);border-color:#ffa62b;box-shadow:0 4px 16px #ffa62b66;color:#ffa62b}.category-filter-btn.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#ffa62b80,#ffa62b33);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderPulse 2s ease-in-out infinite}.filter-btn-text{position:relative;z-index:1}.filter-indicator{position:relative;z-index:1;width:8px;height:8px;border-radius:50%;background:#ffa62b;box-shadow:0 0 8px #ffa62bcc;animation:pulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.category-filter-btn:focus-visible{outline:3px solid #FFA62B;outline-offset:3px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:20px 0;padding:0 20px}.tip-card{height:100%}.tip-card .frontSide,.tip-card .frontSide:before{background:linear-gradient(43deg,#ffa62b,#ffa62b 46%,#ffa62b)}.tip-card .backSide,.tip-card .backSide:before{background-image:linear-gradient(160deg,#ffa62b,#960)}.view-more-container{text-align:center;margin:20px 0}.fancy-button{position:relative;padding:12px 24px;font-size:16px;background:transparent;border:2px solid #FFA62B;color:#ffa62b;cursor:pointer;overflow:hidden;border-radius:4px;transition:all .3s ease}.fancy-button:hover{background:#ffa62b;color:#333}.tech-tips-categories{margin:40px 0;text-align:center}.tech-tips-categories h3{font-size:1.8em;margin-bottom:20px;color:#fff}.tip-info-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0}.tip-card-front,.tip-card-front:before{background:linear-gradient(43deg,#ffa62b,#ffa62b 46%,#ffa62b)}.tip-card-back,.tip-card-back:before{background-image:linear-gradient(160deg,#ffa62b,#960)}.did-you-know-section{margin:40px 0;text-align:center}.did-you-know-section h3{font-size:1.8em;margin-bottom:20px;color:#fff}.did-you-know-content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}.did-you-know-card{background:linear-gradient(43deg,#07beb8,#07beb8 46%,#07beb8);border-radius:10px;padding:20px;width:300px;box-shadow:0 0 15px #07beb84d;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.did-you-know-card:hover{transform:translateY(-5px)}.did-you-know-icon{font-size:2.5em;margin-bottom:15px}.did-you-know-text{font-size:1em;line-height:1.5;text-align:center}.shortcut-card{width:190px;height:254px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;margin:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;transition:transform .3s ease}.shortcut-card:hover{transform:translateY(-5px)}.shortcut-card .key-combo{margin-bottom:15px}.shortcut-card .key-combo kbd{background-color:#ffffff1a;border-radius:5px;padding:5px 10px;font-family:monospace;font-size:1.1em}.shortcut-card .description{text-align:center;font-size:.9em;line-height:1.4}@media (max-width: 768px){.shortcut-card{width:100%;max-width:280px;min-height:200px;margin:12px auto;padding:20px}.shortcut-card .key-combo kbd{font-size:1em;padding:8px 14px}.shortcut-card .description{font-size:.9em;line-height:1.5}}.tip-card:not(.shortcut-info-card){width:190px;height:254px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;margin:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;transition:transform .3s ease}.tip-card:not(.shortcut-info-card):hover{transform:translateY(-5px)}.shortcut-info-card{background-color:transparent;width:300px;height:300px;perspective:1000px;margin:20px}.shortcut-info-card .title{font-size:1.5em;font-weight:900;text-align:center;margin:0}.shortcut-info-card .innerCard{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;cursor:pointer}.shortcut-info-card:hover .innerCard{transform:rotateY(180deg)}.shortcut-info-card .frontSide,.shortcut-info-card .backSide{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.5);border-radius:1rem;color:#fff;box-shadow:0 0 .2em #ffffff4d;font-weight:700;padding:20px}.shortcut-info-card .frontSide,.shortcut-info-card .frontSide:before{background:linear-gradient(43deg,#07beb8,#07beb8 46%,#ffa62b)}.shortcut-info-card .backSide,.shortcut-info-card .backSide:before{background-image:linear-gradient(160deg,#1a1a1a,#333)}.tip-card-front,.tip-card-front:before{background:linear-gradient(43deg,#ffa62b,#ffa62b 46%,#ffa62b)!important}.tip-card-back,.tip-card-back:before{background-image:linear-gradient(160deg,#ffa62b,#960)!important}.shortcut-info-card .backSide{transform:rotateY(180deg)}.shortcut-info-card .frontSide:before,.shortcut-info-card .backSide:before{top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:110%;height:110%;position:absolute;z-index:-1;border-radius:1em;filter:blur(15px);animation:animate 5s linear infinite;opacity:.6}@keyframes animate{0%{opacity:.2}80%{opacity:.6}to{opacity:.2}}.shortcuts-grid,.tips-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0}.tips-grid .tip-card{width:190px;height:254px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;margin:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;transition:transform .3s ease}.tips-grid .tip-card .tip-icon{font-size:2.5em;margin-bottom:15px}.tips-grid .tip-card .tip-title{font-size:1.2em;font-weight:700;text-align:center;margin-bottom:10px}.tips-grid .tip-card .tip-content{font-size:.9em;text-align:center;line-height:1.4}.tips-grid .tip-card{width:250px;height:300px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;margin:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;transition:transform .3s ease}.tips-grid .tip-card:hover{transform:translateY(-5px)}.tips-grid .tip-card .tip-icon{font-size:2.5em;margin-bottom:20px}.tips-grid .tip-card .tip-title{font-size:1.3em;font-weight:700;text-align:center;margin-bottom:15px;line-height:1.3}.tips-grid .tip-card .tip-content{font-size:.95em;text-align:center;line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin:30px 0;padding:0 20px}@media (max-width: 768px){.tips-grid .tip-card{width:100%;max-width:250px;margin:15px auto}.tips-grid{grid-template-columns:1fr}}.tip-card-front,.tip-card-front:before{background:linear-gradient(43deg,#ffa62b,#ffa62b 46%,#d4af37)!important}.tip-card-back,.tip-card-back:before{background-image:linear-gradient(160deg,#a67c00,#8b6914)!important}.shortcut-info-card .frontSide.tip-card-front:before,.shortcut-info-card .backSide.tip-card-back:before{opacity:.4;filter:blur(12px)}@keyframes animate-yellow{0%{opacity:.15}80%{opacity:.4}to{opacity:.15}}.shortcut-info-card .frontSide.tip-card-front:before,.shortcut-info-card .backSide.tip-card-back:before{animation:animate-yellow 5s linear infinite}.simple-tip-card{width:100%;max-width:360px;min-height:280px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:0;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;overflow:hidden;border:2px solid rgba(255,255,255,.1);margin:12px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardEntrance .3s ease-out backwards;cursor:pointer}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .simple-tip-card{background:#fffc;border:2px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.simple-tip-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #0000004d;border-color:#ffffff4d}[data-theme=light] .simple-tip-card:hover{box-shadow:0 16px 48px #00000026;border-color:#0003}.tip-card-inner{position:relative;z-index:2;width:100%;height:100%;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.tip-card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0;z-index:1}.simple-tip-card:hover .tip-card-shine{opacity:1;animation:shine .3s ease}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.simple-tip-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffa62b1a,#ffa62b0d 25%,#0000,#ffa62b0d 75%,#ffa62b1a);z-index:-1;border-radius:20px;animation:borderGlow 3s ease-in-out infinite alternate;opacity:0;transition:opacity .3s ease}.simple-tip-card:hover:before{opacity:1}.simple-tip-card[data-category=securityTips]:before{background:linear-gradient(45deg,#ffa62b4d,#ffa62b1a 25%,#0000,#ffa62b1a 75%,#ffa62b4d);animation:borderGlowGold 3s ease-in-out infinite alternate}.simple-tip-card[data-category=securityTips]:hover{border-color:#ffa62b80;box-shadow:0 16px 48px #ffa62b4d}.simple-tip-card[data-category=performanceTips]:before{background:linear-gradient(45deg,#07beb84d,#07beb81a 25%,#0000,#07beb81a 75%,#07beb84d);animation:borderGlowCyan 3s ease-in-out infinite alternate}.simple-tip-card[data-category=performanceTips]:hover{border-color:#07beb880;box-shadow:0 16px 48px #07beb84d}.simple-tip-card[data-category=batteryTips]:before{background:linear-gradient(45deg,#00ff804d,#00ff801a 25%,#0000,#00ff801a 75%,#00ff804d);animation:borderGlowGreen 3s ease-in-out infinite alternate}.simple-tip-card[data-category=batteryTips]:hover{border-color:#00ff8080;box-shadow:0 16px 48px #00ff804d}.simple-tip-card[data-category=didYouKnow]:before{background:linear-gradient(45deg,#ba55d34d,#ba55d31a 25%,#0000,#ba55d31a 75%,#ba55d34d);animation:borderGlowPurple 3s ease-in-out infinite alternate}.simple-tip-card[data-category=didYouKnow]:hover{border-color:#ba55d380;box-shadow:0 16px 48px #ba55d34d}.simple-tip-card[data-category=troubleshootingTips]:before{background:linear-gradient(45deg,#ff8c004d,#ff8c001a 25%,#0000,#ff8c001a 75%,#ff8c004d);animation:borderGlowOrange 3s ease-in-out infinite alternate}.simple-tip-card[data-category=troubleshootingTips]:hover{border-color:#ff8c0080;box-shadow:0 16px 48px #ff8c004d}@keyframes borderGlowOrange{0%{opacity:.5;box-shadow:0 0 10px #ff8c004d,inset 0 0 5px #ff8c001a}to{opacity:1;box-shadow:0 0 20px #ff8c0080,inset 0 0 10px #ff8c0033}}.simple-tip-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 20px #00000080;border-radius:15px;z-index:-1;pointer-events:none}.simple-tip-card[data-category=securityTips] .simple-tip-icon{color:#ffa62b;text-shadow:0 0 15px rgba(255,166,43,.6);filter:drop-shadow(0 0 8px rgba(255,166,43,.4))}.simple-tip-card[data-category=performanceTips] .simple-tip-icon{color:#07beb8;text-shadow:0 0 15px rgba(7,190,184,.6);filter:drop-shadow(0 0 8px rgba(7,190,184,.4))}.simple-tip-card[data-category=batteryTips] .simple-tip-icon{color:#00ff80;text-shadow:0 0 15px rgba(0,255,128,.6);filter:drop-shadow(0 0 8px rgba(0,255,128,.4))}.simple-tip-card[data-category=didYouKnow] .simple-tip-icon{color:#ba55d3;text-shadow:0 0 15px rgba(186,85,211,.6);filter:drop-shadow(0 0 8px rgba(186,85,211,.4))}.simple-tip-card[data-category=troubleshootingTips] .simple-tip-icon{color:#ff8c00;text-shadow:0 0 15px rgba(255,140,0,.6);filter:drop-shadow(0 0 8px rgba(255,140,0,.4))}@keyframes borderGlowGold{0%{opacity:.5;box-shadow:0 0 10px #ffa62b4d,inset 0 0 5px #ffa62b1a}to{opacity:1;box-shadow:0 0 20px #ffa62b80,inset 0 0 10px #ffa62b33}}@keyframes borderGlowCyan{0%{opacity:.5;box-shadow:0 0 10px #07beb84d,inset 0 0 5px #07beb81a}to{opacity:1;box-shadow:0 0 20px #07beb880,inset 0 0 10px #07beb833}}@keyframes borderGlowGreen{0%{opacity:.5;box-shadow:0 0 10px #00ff804d,inset 0 0 5px #00ff801a}to{opacity:1;box-shadow:0 0 20px #00ff8080,inset 0 0 10px #00ff8033}}@keyframes borderGlowPurple{0%{opacity:.5;box-shadow:0 0 10px #ba55d34d,inset 0 0 5px #ba55d31a}to{opacity:1;box-shadow:0 0 20px #ba55d380,inset 0 0 10px #ba55d333}}.tip-icon-wrapper{position:relative;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.simple-tip-icon{font-size:3em;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.simple-tip-card:hover .simple-tip-icon{transform:scale(1.15) rotate(5deg)}.simple-tip-card:hover .icon-glow{opacity:1;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.simple-tip-title{font-size:1.3em;font-weight:700;margin-bottom:16px;color:var(--text-color);line-height:1.4;position:relative;padding-bottom:12px;transition:color .3s ease;width:100%}.simple-tip-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,transparent,var(--teal),transparent);border-radius:2px;transition:width .3s ease}.simple-tip-card:hover .simple-tip-title:after{width:80px}[data-theme=light] .simple-tip-title:after{background:linear-gradient(90deg,transparent,rgba(0,150,200,.6),transparent)}.simple-tip-content{font-size:1em;line-height:1.7;color:var(--text-color);opacity:.85;flex-grow:1;margin-bottom:16px;transition:opacity .3s ease}.simple-tip-card:hover .simple-tip-content{opacity:1}.tip-card-footer{width:100%;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .tip-card-footer{border-top-color:#0000001a}.tip-category-badge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;color:var(--text-color);opacity:.7;transition:all .3s ease}.simple-tip-card:hover .tip-category-badge{opacity:1;transform:scale(1.05)}.download-section h3{font-size:1.5em;margin-bottom:15px;color:#fff}.shortcut-card .key-combo{margin-bottom:15px;white-space:nowrap;display:block;text-align:center;color:var(--text-color);transition:color var(--transition-speed) ease}.shortcut-card .key-combo kbd{background-color:#ffffff1a;border-radius:5px;padding:5px 10px;font-family:monospace;font-size:1.1em;display:inline-block;white-space:nowrap;color:var(--text-color);transition:color var(--transition-speed) ease}.shortcut-card{width:220px;min-width:220px;height:254px;border-radius:30px;background:var(--card-bg);box-shadow:15px 15px 30px #0003,-15px -15px 30px #ffffff1a;margin:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;transition:transform .3s ease,background-color var(--transition-speed) ease}[data-theme=light] .shortcut-card{box-shadow:5px 5px 15px #0000001a,-5px -5px 15px #fffc}[data-theme=light] .shortcut-card .key-combo kbd{background-color:#0000000d;border:1px solid rgba(0,0,0,.1)}.shortcut-card .description{text-align:center;font-size:.9em;line-height:1.4;color:var(--text-color);transition:color var(--transition-speed) ease}.shortcut-card-modern{width:100%;max-width:320px;min-height:180px;border-radius:16px;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;margin:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}[data-theme=light] .shortcut-card-modern{border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014}.shortcut-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.shortcut-card-header{display:flex;justify-content:flex-end;margin-bottom:12px}.platform-badge{font-size:1.2em;opacity:.7}.shortcut-key-combo-modern{margin:16px 0;text-align:center}.key-combo-modern{background:linear-gradient(135deg,#07beb833,#ffa62b33);border:1px solid rgba(7,190,184,.3);border-radius:8px;padding:12px 20px;font-family:Courier New,monospace;font-size:1.1em;font-weight:600;color:var(--text-color);display:inline-block;white-space:nowrap;letter-spacing:1px;box-shadow:0 2px 4px #0000001a}[data-theme=light] .key-combo-modern{background:linear-gradient(135deg,#0096c81a,#ffc8001a);border:1px solid rgba(0,150,200,.2)}.shortcut-description-modern{text-align:center;font-size:.95em;line-height:1.6;color:var(--text-color);margin-top:12px;padding:0 8px}.shortcuts-grid,.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0;padding:0 16px;justify-items:center}@media (max-width: 768px){.shortcut-card-modern,.simple-tip-card{max-width:100%;margin:8px 0;padding:20px 16px}.shortcuts-grid,.tips-grid{grid-template-columns:1fr;gap:16px;padding:0 12px}.key-combo-modern{font-size:1em;padding:10px 16px}.shortcut-description-modern,.simple-tip-content{font-size:.9em;line-height:1.5}.simple-tip-title{font-size:1.1em}.simple-tip-icon{font-size:2em}.platform-filters{flex-wrap:wrap;gap:8px;padding:0 12px}.platform-filter-btn{font-size:.9em;padding:8px 16px}.category-filters{flex-wrap:wrap;gap:8px;padding:0 12px}.category-filter-btn{font-size:.9em;padding:8px 16px}}@media (max-width: 480px){.shortcut-card-modern,.simple-tip-card{padding:16px 12px;min-height:160px}.key-combo-modern{font-size:.95em;padding:8px 14px}.shortcut-description-modern,.simple-tip-content{font-size:.85em}.simple-tip-title{font-size:1em}.simple-tip-icon{font-size:1.8em;margin-bottom:12px}}body:has([data-selected-device=smartphone]) #shortcuts,.app-container[data-selected-device=smartphone] #shortcuts{display:none!important}.colour-picker-wrapper{display:flex;flex-direction:column;gap:3rem;padding:2rem 0;max-width:1000px;margin:0 auto}.color-visual-section{display:flex;justify-content:center;margin-bottom:2rem}.colour-preview-large{width:200px;height:200px;border-radius:50%;box-shadow:0 10px 30px #0003;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:4px solid rgba(255,255,255,.2)}.colour-preview-large:hover{transform:scale(1.05);box-shadow:0 15px 40px #0000004d}.colour-preview-large:active{transform:scale(.95)}.color-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.color-input-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:1;width:100%;height:100%}.click-to-change{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.3)}.colour-value-large{font-family:Checkpoint,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.colour-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%}.color-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.color-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:var(--teal)}.color-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.color-type-label{font-size:.9rem;font-weight:600;color:var(--text-color);opacity:.7;letter-spacing:.05em}.color-card-value{font-family:Checkpoint,monospace;font-size:1.1rem;color:var(--teal);word-break:break-all}.copy-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-color);padding:.25rem .6rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;opacity:.6}.copy-btn:hover{opacity:1;background:#ffffff1a;border-color:var(--text-color)}.copy-btn.copied{background:var(--teal);border-color:var(--teal);color:#fff;opacity:1}@media (max-width: 768px){.tool-title{font-size:2.5rem}.color-visual-section{margin-bottom:2rem}.colour-preview-large{width:160px;height:160px}.colour-value-large{font-size:1.2rem}}.colour-picker-main-layout{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;align-items:flex-start;padding:1rem}.picker-section-container,.values-section-container{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1.5rem}.picker-wrapper-custom .react-colorful{width:100%!important;height:250px!important;border-radius:12px;box-shadow:0 4px 15px #0000001a}.picker-wrapper-custom .react-colorful__saturation{border-radius:12px 12px 0 0}.picker-wrapper-custom .react-colorful__hue{border-radius:0 0 12px 12px;height:24px!important;margin-top:-1px}.picker-wrapper-custom .react-colorful__pointer{width:24px;height:24px;border:2px solid white;box-shadow:0 0 2px #00000080}.preset-colours{margin-top:.5rem}.preset-label{display:block;font-size:.9rem;margin-bottom:.5rem;opacity:.7}.preset-grid{display:flex;gap:.8rem;flex-wrap:wrap}.preset-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);padding:0}.preset-btn:hover{transform:scale(1.15);border-color:#fff;z-index:2;box-shadow:0 0 10px #0003}.colour-preview-container{display:flex;justify-content:center;margin-bottom:1.5rem}.colour-preview-circle-large{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Checkpoint,monospace;box-shadow:0 10px 30px #0003;border:4px solid rgba(255,255,255,.2);position:relative;transition:all .3s ease}.preview-text-inside{font-size:1.1rem;letter-spacing:.05em;text-align:center}.colour-values-list{display:flex;flex-direction:column;gap:.8rem}.colour-value-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;min-height:60px}.colour-value-row:hover{background:#ffffff14;transform:translate(4px);border-color:#fff3}.colour-value-row:active{transform:scale(.99)}.psychology-card{--card-color: var(--teal);background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--card-color)}.psychology-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000c,#0006);opacity:.85;transition:opacity .3s ease;z-index:0}.psychology-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px var(--card-color);border-color:#fff6}.psychology-card:hover:before{opacity:.5;background:linear-gradient(135deg,#000000b3,#0003)}.psychology-card .about-card-title,.psychology-card .about-text{position:relative;z-index:1;color:#fffffff2}[data-theme=light] .psychology-card{border-color:#0000001a}[data-theme=light] .psychology-card:hover{box-shadow:0 10px 30px -10px var(--card-color)}.value-info{display:flex;align-items:center;gap:1rem}.value-label{font-weight:600;width:50px;opacity:.6;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.value-text{font-family:Checkpoint,monospace;font-size:1.1rem;letter-spacing:.03em}.copy-indicator{opacity:.4;transition:opacity .2s}.colour-value-row:hover .copy-indicator{opacity:1}.copy-icon{font-size:1.2rem}.copied-state{background:#06b6d426!important;border-color:var(--teal)!important}.copied-text{color:var(--teal);font-weight:700;font-size:.9rem;animation:fadeIn .2s}[data-theme=light] .colour-value-row{background:#00000008;border-color:#00000014}[data-theme=light] .colour-value-row:hover{background:#00000008;box-shadow:0 0 15px var(--glow-color, rgba(0, 0, 0, .1));border-color:var(--glow-color, transparent)}[data-theme=light] .preset-btn{border-color:#0000001a}[data-theme=light] .colour-preview-circle-large{border-color:#0000001a;box-shadow:0 10px 30px #0000001a}@media (max-width: 768px){.colour-picker-main-layout{flex-direction:column;align-items:center;gap:2rem}.picker-section-container,.values-section-container{min-width:100%;width:100%}}.news-page{font-family:Inter,Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grids-section .grid-lang-inactive{visibility:hidden;pointer-events:none}.news-page .news-hero-title,.news-page .news-page-hero-subtitle,.news-page .news-disclaimer-title,.news-page .news-disclaimer-text,.news-page .news-article-title,.news-page .news-article-summary,.news-page .news-article-link,.grids-section .grid-text-box h3,.grids-section .grid-text-box p{display:grid;grid-template:1fr / minmax(0,1fr);width:100%;max-width:100%}.news-page .news-hero-title>span,.news-page .news-page-hero-subtitle>span,.news-page .news-disclaimer-title>span,.news-page .news-disclaimer-text>span,.news-page .news-article-title>span,.news-page .news-article-summary>span,.news-page .news-article-link>span,.grids-section .grid-text-box h3>span,.grids-section .grid-text-box p>span{grid-area:1 / 1;min-width:0;overflow-wrap:break-word;word-break:break-word}.news-page .news-lang-inactive{visibility:hidden;pointer-events:none;overflow:hidden;height:0;margin:0;padding:0}.news-page .news-lang-en,.grids-section .grid-text-box .grid-lang-en{font-family:Inter,system-ui,sans-serif}.news-page .news-lang-mn,.grids-section .grid-text-box .grid-lang-mn{font-family:Roboto,system-ui,sans-serif}.news-page .converter-content.news-page-content{max-width:1280px;width:100%;padding:2rem clamp(1rem,3vw,2.5rem) 4rem;box-sizing:border-box}.news-page-content{padding-bottom:4rem;overflow-x:hidden}.news-page-hero{flex-direction:column;gap:.75rem;padding-bottom:1.5rem}.news-page-hero .main-title{margin-bottom:0}.news-page-hero-subtitle{color:#ffffffc7;font-size:clamp(1rem,2vw,1.125rem);line-height:1.65;font-weight:400;text-align:center;max-width:36rem;margin:0;padding:0 clamp(1rem,4vw,2rem);box-sizing:border-box}.news-sources-note{margin:.5rem 0 0;padding:0 clamp(1rem,4vw,2rem);font-size:.8125rem;font-weight:500;letter-spacing:.03em;text-align:center;color:#07beb8e6}.news-page-disclaimer-wrap{max-width:52rem;margin:0 auto 2rem;width:100%;box-sizing:border-box}.news-page-articles{width:100%;min-width:0}.news-disclaimer{border:1px solid rgba(7,190,184,.4);border-left:4px solid var(--accent-color, #07beb8);border-radius:10px;padding:1.125rem 1.375rem;margin-bottom:0;background:#0a161cf0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 24px #00000059;text-align:left}.news-disclaimer-title{font-size:.8125rem;font-weight:600;margin:0 0 .625rem;text-transform:uppercase;letter-spacing:.06em;color:#fffffff2}.news-disclaimer-text{font-size:.9375rem;line-height:1.65;margin:0;color:#ffffffe6;font-weight:400}.news-disclaimer-translation-note{margin-top:.875rem;padding-top:.875rem;border-top:1px solid rgba(7,190,184,.25);color:#ffffffd1}.news-status{text-align:center;opacity:.8;padding:2rem 0}.news-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.news-retry-btn{padding:10px 24px;min-width:auto}.news-article-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%}.news-article-card{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:1.5rem 1.625rem 1.375rem;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;background:#0e1218eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000004d;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.news-article-card:hover{border-color:#07beb880;background:#121a22f5;box-shadow:0 6px 28px #0006}.news-article-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}.news-article-source{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#07beb8;background:#07beb81f;padding:.35rem .65rem;border-radius:6px}.news-article-published{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right;font-variant-numeric:tabular-nums;flex:1 1 12rem;min-width:0;max-width:100%}.news-published-label{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80}.news-published-value{font-size:.875rem;font-weight:500;line-height:1.45;color:#ffffffe0;overflow-wrap:break-word;word-break:break-word}.news-article-title{margin:0 0 .875rem;font-size:1.375rem;line-height:1.35;font-weight:700;letter-spacing:-.015em;color:#fff}.news-article-summary{margin:0 0 1.25rem;font-size:1.0625rem;line-height:1.75;font-weight:400;color:#ffffffdb;max-width:100%}.news-article-footer{padding-top:.25rem}.news-article-link{display:inline-grid;color:var(--accent-color, #07beb8);text-decoration:none;font-weight:600;font-size:.9375rem}.news-article-link:hover{text-decoration:underline;color:#2dd4bf}.news-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.news-pagination-btn{font-family:inherit;font-size:.9375rem;font-weight:600;padding:.65rem 1.25rem;border-radius:8px;border:1px solid rgba(7,190,184,.45);background:#0a161ce6;color:#07beb8;cursor:pointer;transition:background .2s ease,opacity .2s ease}.news-pagination-btn:hover:not(:disabled){background:#07beb82e}.news-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.news-pagination-label{font-size:.9375rem;font-weight:500;color:#ffffffd9;font-variant-numeric:tabular-nums}.grids-section .grid-text-box h3{margin:0 0 15px}.grids-section .grid-text-box p{margin:0;font-size:18px;line-height:1.4}@media (min-width: 900px){.news-article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.75rem}}@media (min-width: 1280px){.news-article-list{grid-template-columns:repeat(3,minmax(0,1fr))}.news-page-disclaimer-wrap{max-width:56rem}}@media (max-width: 768px){.news-page-disclaimer-wrap{margin-bottom:1.5rem}.news-page-hero{padding-bottom:1rem}.news-article-card{padding:1.25rem 1.125rem}.news-article-top{flex-direction:column;align-items:flex-start}.news-article-published{align-items:flex-start;text-align:left;flex-basis:auto}.news-article-title{font-size:1.25rem}.news-article-summary{font-size:1rem;line-height:1.7}}.nav-desktop-only{display:flex}.nav-mobile-only{display:none}.nav-tools-wrapper{position:relative}.nav-tools-chevron{margin-left:4px;transition:transform .2s ease;opacity:.7;width:10px;height:10px}.nav-tools-wrapper:hover .nav-tools-chevron{transform:rotate(180deg);opacity:1}.nav-tools-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:220px;background:#0f0f0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px);transition:all .2s ease;z-index:1001;box-shadow:0 12px 40px #00000080}.nav-tools-dropdown.open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-tools-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#e2e8f0;font-family:Geist,sans-serif;font-size:.88rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s ease;text-align:left}.nav-tools-item:hover{background:#ffffff14;color:#fff}.light-mode .nav-tools-dropdown{background:#fffffff2;border-color:#00000014;box-shadow:0 12px 40px #00000026}.light-mode .nav-tools-item{color:#334155}.light-mode .nav-tools-item:hover{background:#0000000d;color:#0f172a}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:none;background:#ffffff1a;border-radius:8px;cursor:pointer;z-index:1002;transition:background .2s ease}.nav-hamburger:hover{background:#ffffff26}.nav-hamburger-line{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger.open .nav-hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open .nav-hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open .nav-hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.light-mode .nav-hamburger{background:#0000000f}.light-mode .nav-hamburger:hover{background:#0000001a}.light-mode .nav-hamburger-line{background:#1e293b}.nav-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .25s ease}.nav-mobile-overlay.open{opacity:1;visibility:visible}.nav-mobile-menu{position:absolute;top:0;left:0;right:0;background:#0a0a0af7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:80px 20px 24px;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:4px}.nav-mobile-overlay.open .nav-mobile-menu{transform:translateY(0)}.nav-mobile-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;color:#e2e8f0;font-family:Noto Sans,Roboto,Geist,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;border-radius:10px;transition:background .15s ease;text-align:left}.nav-mobile-item:hover,.nav-mobile-item:active{background:#ffffff0f}.nav-mobile-tools-toggle{position:relative}.nav-mobile-chevron{margin-left:auto;transition:transform .25s ease;opacity:.5}.nav-mobile-chevron.open{transform:rotate(180deg)}.nav-mobile-tools-list{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-mobile-tools-list.open{max-height:400px}.nav-mobile-tool-item{padding-left:42px;font-size:.92rem;color:#94a3b8}.nav-mobile-tool-item:hover,.nav-mobile-tool-item:active{color:#e2e8f0}.nav-mobile-lang{display:flex;justify-content:center;padding:16px 0 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.light-mode .nav-mobile-menu{background:#fffffff7;border-bottom-color:#00000014}.light-mode .nav-mobile-item{color:#334155}.light-mode .nav-mobile-item:hover,.light-mode .nav-mobile-item:active{background:#0000000a}.light-mode .nav-mobile-tool-item{color:#64748b}.light-mode .nav-mobile-tool-item:hover{color:#1e293b}.light-mode .nav-mobile-lang{border-top-color:#0000000f}.nav-mobile-home{color:#07beb8!important;font-weight:600!important}.nav-mobile-about{color:#8b5cf6!important;font-weight:600!important}.nav-mobile-tools{color:#f59e0b!important;font-weight:600!important}.nav-mobile-news{color:#f43f5e!important;font-weight:600!important}@media (max-width: 768px){.nav-desktop-only{display:none!important}.nav-mobile-only,.nav-hamburger{display:flex}}