@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&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;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;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);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:1;will-change:opacity;display:block;border-radius:15px;filter:brightness(.7)}.hero-video.loaded{opacity:1}.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}}@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,cursive;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,cursive!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,cursive;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:'ТУХАЙ (TUHAI): means "about" in Mongolian';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}}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity .3s ease;z-index:100;color:var(--text-color, white);background-color:#0003;padding:8px 12px;border-radius:20px;opacity:0;animation:fadeInElement .5s ease-in forwards;animation-delay:1.5s}.scroll-indicator:hover{opacity:.7;background-color:#0006}.scroll-indicator p{margin-bottom:8px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator:focus{outline:2px solid var(--primary-color, #0066cc);outline-offset:2px}.scroll-indicator:hover .scroll-arrow{animation-play-state:paused}.content-sections{position:relative;background-color:var(--bg-color);padding:4rem 0;z-index:2}.content-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:fit-content;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.content-section.in-view{opacity:1;transform:translateY(0)}.section-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.section-header-bg{display:flex;align-items:center;margin-bottom:1rem}.section-number{font-size:3rem;font-weight:700;color:var(--yellow);opacity:.4;margin-right:1rem;text-shadow:0 0 10px rgba(255,166,43,.7),0 0 20px rgba(255,166,43,.5);transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease,opacity var(--transition-speed) ease}.section-title{font-size:2.5rem;font-weight:600;color:var(--text-color);position:relative;display:inline-block;transition:color var(--transition-speed) ease}[data-theme=light] .section-title:hover{color:var(--yellow)}.section-header-line{width:100%;height:1px;background:linear-gradient(to right,var(--teal),transparent);margin-top:1rem}.section-content{width:100%;max-width:1000px;margin:0 auto;color:var(--text-color);line-height:1.6}.section-content p{margin-bottom:1.5rem;font-size:1.1rem}.shortcuts-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0}.shortcut-card{background-color:var(--card-bg);border-radius:10px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.shortcut-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.shortcut-card h3{color:var(--teal);margin-bottom:1rem;font-size:1.3rem}.shortcut-card ul{list-style:none}.shortcut-card li{margin-bottom:.8rem;display:flex;align-items:center}.shortcut-card .key{background-color:#07beb81a;color:var(--teal);padding:.2rem .5rem;border-radius:4px;margin-right:.5rem;font-family:monospace;font-weight:700}.tips-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;margin-top:1.5rem}.tip-item{background-color:var(--card-bg, #2a2a2a);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;transition:transform .3s ease,box-shadow .3s ease}.tip-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.tip-icon{font-size:2rem;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center}.tip-content{flex:1}.tip-content h3{margin-top:0;margin-bottom:.75rem;color:var(--heading-color, #ffffff)}.tip-content p{margin:0;color:var(--text-color, #cccccc);line-height:1.5}@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,cursive;font-size:140px;line-height:.85;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.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}@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 70px}.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:40px 1rem;align-items:start;width:100%;max-width:100%}.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}}@media (max-width: 480px){.footer-background{min-height:350px;padding:30px 0 60px}.footer-content{gap:30px;padding:0 1rem}.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}.scroll-indicator{bottom:10px;font-size:.9rem}}@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:"Instrument Serif",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}.roadmap-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}.roadmap-hero-section .main-title{position:relative;top:auto;left:auto;transform:none}.roadmap-timeline-section{width:100%;max-width:100%;margin:40px 0 0;padding:0 20px;box-sizing:border-box;position:relative;opacity:0;animation:fadeInElement .3s ease-in forwards;animation-delay:.6s}.roadmap-timeline-container{position:relative;padding:80px 20px 0;display:flex;justify-content:space-evenly;gap:40px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.timeline-line{position:absolute;left:0;top:160px;height:2px;background:linear-gradient(to right,transparent 0%,var(--text-color) 1%,var(--text-color) 99%,transparent 100%);opacity:.3;width:0;z-index:0!important;will-change:auto;animation:growLine 4s ease-out forwards;animation-delay:.8s}@keyframes growLine{0%{width:0}to{width:100%}}@keyframes growLineVertical{0%{height:0}to{height:100%}}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;flex:1;min-width:200px;max-width:320px;opacity:0;animation:fadeInCircle .8s cubic-bezier(.34,1.56,.64,1) forwards}.timeline-item:nth-child(2){animation-delay:1s}.timeline-item:nth-child(3){animation-delay:1.6s}.timeline-item:nth-child(4){animation-delay:2.2s}.timeline-item:nth-child(5){animation-delay:2.8s}.timeline-item:nth-child(6){animation-delay:3.4s}@keyframes fadeInCircle{0%{opacity:0}to{opacity:1}}.timeline-year{width:160px;height:160px;border-radius:50%;background:#fff;border:2px solid #ffffff;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Instrument Serif",serif;font-style:italic;font-weight:600;color:#000;flex-shrink:0;position:relative;z-index:2!important;transform:translateZ(0);transition:all .3s ease;gap:2px;overflow:hidden;isolation:isolate}.timeline-year span:first-child{font-size:48px;line-height:1}.timeline-year span:last-child{font-size:32px;line-height:1;opacity:.9}.timeline-year:hover{transform:scale(1.05)}.timeline-item-complete .timeline-year{background:#07beb8;border-color:#07beb8}.timeline-item-progress .timeline-year{background:#ffa62b;border-color:#ffa62b}.timeline-content{text-align:center;width:100%}.timeline-title{font-family:Space Grotesk,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.02em;margin:0 0 20px;color:var(--text-color)}.timeline-list{list-style:none;padding:0;margin:0;text-align:left}.timeline-list li{font-family:Geist,sans-serif;font-size:18px;line-height:1.6;color:var(--text-color);opacity:.85;margin-bottom:8px;padding-left:24px;position:relative;display:flex;align-items:flex-start}.timeline-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--text-color);font-size:18px;line-height:1.6}@media (max-width: 1024px){.roadmap-timeline-section{max-width:100%}.timeline-item{min-width:180px;max-width:260px}.roadmap-timeline-container{gap:30px}.timeline-year{width:140px;height:140px}.timeline-year span:first-child{font-size:42px}.timeline-year span:last-child{font-size:28px}.timeline-title{font-size:30px}.timeline-list li{font-size:17px}}@media (max-width: 768px){.roadmap-timeline-section{margin:60px auto;padding:0 20px}.roadmap-timeline-container{flex-direction:column;gap:60px;padding:40px 0;overflow-x:visible}.timeline-line{left:60px;right:auto;top:0;bottom:auto;width:2px;height:0;background:linear-gradient(to bottom,transparent 0%,var(--text-color) 5%,var(--text-color) 95%,transparent 100%);z-index:0!important;animation:growLineVertical 4s ease-out forwards;animation-delay:.8s}.timeline-item{flex-direction:row;min-width:100%;max-width:100%;gap:20px;align-items:flex-start}.timeline-year{width:120px;height:120px;z-index:2!important}.timeline-year span:first-child{font-size:36px}.timeline-year span:last-child{font-size:26px}.timeline-content{text-align:left;padding-top:10px}.timeline-title{font-size:28px}.timeline-list li{font-size:16px}}@media (max-width: 480px){.timeline-line{left:50px;z-index:0!important}.timeline-year{width:100px;height:100px}.timeline-year span:first-child{font-size:30px}.timeline-year span:last-child{font-size:22px}.timeline-title{font-size:24px}.timeline-list li{font-size:15px;padding-left:20px}}.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,.roadmap-hero-section,.tools-hero-section{height:400px}}.back-to-top{position:fixed;bottom:30px;right:30px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top button{width:140px;height:56px;overflow:hidden;border:none;color:#fff;background:none;position:relative;padding-bottom:2em;cursor:pointer}.back-to-top button>div,.back-to-top button>svg{position:absolute;width:100%;height:100%;display:flex}.back-to-top button:before{content:"";position:absolute;height:2px;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:bottom right;background:currentColor;transition:transform .25s ease-out}.back-to-top button:hover:before{transform:scaleX(1);transform-origin:bottom left}.back-to-top button .clone>*,.back-to-top button .text>*{opacity:1;font-size:1.3rem;transition:.2s;margin-left:4px}.back-to-top button .clone>*{transform:translateY(60px)}.back-to-top button:hover .clone>*{opacity:1;transform:translateY(0);transition:all .2s cubic-bezier(.215,.61,.355,1) 0s}.back-to-top button:hover .text>*{opacity:1;transform:translateY(-60px);transition:all .2s cubic-bezier(.215,.61,.355,1) 0s}.back-to-top button:hover .clone>:nth-child(1){transition-delay:.15s}.back-to-top button:hover .clone>:nth-child(2){transition-delay:.2s}.back-to-top button:hover .clone>:nth-child(3){transition-delay:.25s}.back-to-top button:hover .clone>:nth-child(4){transition-delay:.3s}.back-to-top button svg{width:20px;right:0;top:50%;transform:translateY(-50%) rotate(-50deg);transition:.2s ease-out}.back-to-top button:hover svg{transform:translateY(-50%) rotate(-90deg)}.light-mode .back-to-top button{color:var(--text-color)}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px}.back-to-top button{width:120px;height:50px}}@media (max-width: 480px){.back-to-top{bottom:15px;right:15px}.back-to-top button{width:100px;height:45px}.back-to-top button .clone>*,.back-to-top button .text>*{font-size:1rem}}.menu-container{position:fixed;top:20px;left:20px;z-index:1000}.menu-button{width:50px;height:50px;border-radius:50%;background-color:var(--card-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;transition:all .3s ease;z-index:1002;position:relative}.menu-button:hover{transform:scale(1.05);box-shadow:0 6px 15px #00000040}.menu-icon{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.menu-icon span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:all .3s ease}.menu-open .menu-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .menu-icon span:nth-child(2){opacity:0}.menu-open .menu-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-content{position:absolute;top:60px;left:0;width:250px;background-color:var(--card-bg);border-radius:10px;padding:20px;box-shadow:0 10px 25px #0003;transform:translate(-100%);opacity:0;transition:all .3s ease;z-index:1001;max-height:80vh;overflow-y:auto}.menu-open .menu-content{transform:translate(0);opacity:1}.menu-content ul{list-style:none;padding:0;margin:0}.menu-content li{margin-bottom:10px}.menu-item{display:flex;align-items:center;width:100%;padding:10px;background:none;border:none;color:var(--text-color);cursor:pointer;text-align:left;border-radius:5px;transition:all .2s ease}.menu-item:hover{background-color:#ffffff1a}.menu-item-number{font-size:.9rem;opacity:.6;margin-right:10px;font-weight:600;color:var(--teal)}.menu-item-title{font-size:1.1rem;font-weight:500}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.menu-container{top:15px;left:15px}.menu-button{width:45px;height:45px}.menu-content{width:220px}}@media (max-width: 480px){.menu-container{top:10px;left:10px}.menu-button{width:40px;height:40px}.menu-content{width:200px}.menu-item-title{font-size:1rem}}.tuhai-menu>.inp{display:none}.tuhai-menu{font-weight:600;color:#fff;background-color:var(--teal);padding:3px 15px;border-radius:10px;display:flex;align-items:center;height:2.5rem;width:12rem;position:relative;cursor:pointer;justify-content:space-between;font-family:Poppins,sans-serif;box-shadow:0 4px 10px #0003;transition:all .15s ease;z-index:1002}.tuhai-menu:hover{box-shadow:0 6px 15px #00000040;transform:translateY(-2px)}.arrow{height:34%;aspect-ratio:1;margin-block:auto;position:relative;display:flex;justify-content:center;transition:all .15s}.arrow:after,.arrow:before{content:"";position:absolute;background-color:#fff;height:100%;width:2.5px;border-radius:500px;transform-origin:bottom}.arrow:after{transform:rotate(35deg) translate(-.5px)}.arrow:before{transform:rotate(-35deg) translate(.5px)}.tuhai-menu>.inp:checked+.arrow{transform:rotateX(180deg)}.tuhai-menu-container{background-color:var(--card-bg);color:var(--text-color);border-radius:10px;position:absolute;width:100%;left:0;top:130%;overflow:hidden;clip-path:inset(0% 0% 0% 0% round 10px);transition:all .2s;box-shadow:0 10px 25px #0003}.tuhai-menu-list{--delay: .2s;--trdelay: 75ms;padding:12px 15px;border-radius:inherit;transition:background-color .1s 0s;position:relative;transform:translateY(30px);opacity:0;font-size:.95rem}.tuhai-menu-list:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);height:1px;background-color:#ffffff1a;width:95%}.tuhai-menu-list:hover{background-color:#07beb833}.inp:checked~.tuhai-menu-container{clip-path:inset(10% 50% 90% 50% round 10px)}.inp:not(:checked)~.tuhai-menu-container .tuhai-menu-list{transform:translateY(0);opacity:1}.inp:not(:checked)~.tuhai-menu-container .tuhai-menu-list:nth-child(1){transition:transform .2s var(--delay),opacity .2s var(--delay)}.inp:not(:checked)~.tuhai-menu-container .tuhai-menu-list:nth-child(2){transition:transform .2s calc(var(--delay) + (var(--trdelay) * 1)),opacity .2s calc(var(--delay) + (var(--trdelay) * 1))}.inp:not(:checked)~.tuhai-menu-container .tuhai-menu-list:nth-child(3){transition:transform .2s calc(var(--delay) + (var(--trdelay) * 2)),opacity .2s calc(var(--delay) + (var(--trdelay) * 2))}.bar-inp{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:none;visibility:hidden}.bar{display:flex;height:50%;width:20px;flex-direction:column;gap:3px}.bar-list{--transform: -25%;display:block;width:100%;height:3px;border-radius:50px;background-color:#fff;transition:all .2s;position:relative}.inp:not(:checked)~.bar>.top{transform-origin:top right;transform:translateY(var(--transform)) rotate(-45deg)}.inp:not(:checked)~.bar>.middle{transform:translate(-50%);opacity:0}.inp:not(:checked)~.bar>.bottom{transform-origin:bottom right;transform:translateY(calc(var(--transform) * -1)) rotate(45deg)}[data-theme=light] .tuhai-menu{background-color:var(--teal);color:#fff}[data-theme=light] .tuhai-menu-container{background-color:#fff;color:var(--text-color)}[data-theme=light] .tuhai-menu-list:after{background-color:#0000001a}[data-theme=light] .tuhai-menu-list:hover{background-color:#07beb81a}.tuhai-menu-wrapper{position:fixed;top:20px;left:20px;z-index:1000}@media (min-width: 769px){.tuhai-menu-wrapper{display:none}.desktop-nav{display:flex!important}}@media (max-width: 768px){.tuhai-menu-wrapper{display:block;top:15px;left:15px}.tuhai-menu{height:2.2rem;width:10rem;font-size:.9rem}.desktop-nav{display:none!important}}.desktop-nav{position:fixed;top:20px;left:20px;z-index:1000;display:none;gap:10px;align-items:center}.desktop-nav-button{background:#0003;border:none;color:var(--text-color);padding:8px 16px;border-radius:20px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;transition:all .3s ease}.desktop-nav-button:hover{background:#0006}.desktop-nav-button.active{background:var(--teal);color:#fff;font-weight:600}.desktop-nav-button:hover{opacity:.7}.desktop-nav-button.active{opacity:1;background:var(--teal);color:#fff;font-weight:600}@media (max-width: 480px){.tuhai-menu-wrapper{top:10px;left:10px}.tuhai-menu{height:2rem;width:9rem;font-size:.85rem}}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:2rem;max-width:800px;margin:0 auto}.coming-soon-icon{font-size:5rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}.coming-soon-title{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,var(--teal),var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.coming-soon-text{font-size:1.2rem;line-height:1.6;color:var(--subtitle-color);margin-bottom:2rem}.coming-soon-decoration{display:flex;gap:1rem;margin-top:2rem}.decoration-dot{width:12px;height:12px;border-radius:50%;background-color:var(--teal);animation:pulse 1.5s ease-in-out infinite}.decoration-dot:nth-child(2){animation-delay:.5s;background-color:var(--yellow)}.decoration-dot:nth-child(3){animation-delay:1s;background:linear-gradient(to right,var(--teal),var(--yellow))}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.coming-soon-icon{font-size:4rem}.coming-soon-title{font-size:2.5rem}.coming-soon-text{font-size:1.1rem}}@media (max-width: 480px){.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:2rem}.coming-soon-text{font-size:1rem}}.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 .timeline-list li,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-tuhai,body.mn-language .footer-info{font-family:Tilt Warp,cursive!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);-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}.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}.shortcuts-page .download-section h3{color:#07beb8}.tips-page .download-section h3{color:#ffa62b}.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}.home-component{width:100%;max-width:1200px;margin:0 auto}.home-intro{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.home-intro-text{font-size:1.25em;line-height:1.8;color:var(--text-color);margin-bottom:20px;font-weight:400;opacity:.95}.home-description-text{font-size:1.1em;line-height:1.7;color:var(--subtitle-color);font-style:italic;opacity:.85}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;padding:0 20px}.home-feature-card{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .3s ease-out backwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .home-feature-card{background:#fffc;border:2px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.home-feature-card: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 .6s ease}.home-feature-card:hover:before{left:100%}.home-feature-card:hover{transform:translateY(-8px);border-color:#07beb866;box-shadow:0 16px 48px #07beb833}[data-theme=light] .home-feature-card:hover{border-color:#0096c84d;box-shadow:0 16px 48px #00000026}.feature-icon-wrapper{position:relative;display:inline-block;margin-bottom:24px}.feature-icon{font-size:4em;display:block;position:relative;z-index:2;transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.feature-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(7,190,184,.2),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.home-feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.home-feature-card:hover .feature-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}}.feature-title{font-size:1.5em;font-weight:700;margin-bottom:16px;color:var(--text-color);transition:color .3s ease}.home-feature-card:hover .feature-title{color:var(--teal)}.feature-description{font-size:1em;line-height:1.7;color:var(--subtitle-color);opacity:.9;transition:opacity .3s ease}.home-feature-card:hover .feature-description{opacity:1}@media (max-width: 768px){.home-features{grid-template-columns:1fr;gap:24px;padding:0 16px}.home-feature-card{padding:32px 24px}.feature-icon{font-size:3.5em}.home-intro-text{font-size:1.15em}.home-description-text{font-size:1em}}@media (max-width: 480px){.home-feature-card{padding:28px 20px}.feature-icon{font-size:3em}.feature-title{font-size:1.3em}.feature-description{font-size:.95em}}#device-selector.content-section{opacity:1!important;transform:translateY(0)!important;padding:2rem 1rem}.device-os-selector{width:100%;max-width:900px;margin:0 auto;padding:40px 30px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0000004d;transition:all .4s ease}[data-theme=light] .device-os-selector{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.device-selector,.os-selector{margin-bottom:40px}.device-selector:last-child,.os-selector:last-child{margin-bottom:0}.selector-title{font-size:1.5em;font-weight:600;margin-bottom:8px;text-align:center;color:var(--text-color);transition:color .3s ease}.selector-subtitle{font-size:.95em;text-align:center;color:var(--subtitle-color);margin-bottom:24px;opacity:.8;transition:color .3s ease}.selector-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);margin:0 auto 30px;border-radius:2px}.device-buttons,.os-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.device-button,.os-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px;min-width:140px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1em;color:var(--text-color);overflow:hidden}.device-button:before,.os-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#07beb81a,#ffa62b1a);opacity:0;transition:opacity .3s ease;border-radius:14px}.device-button:hover,.os-button:hover{transform:translateY(-4px) scale(1.02);border-color:#07beb866;box-shadow:0 8px 24px #07beb833}.device-button:hover:before,.os-button:hover:before{opacity:1}.device-button:active,.os-button:active{transform:translateY(-2px) scale(1)}.device-button.active,.os-button.active{background:linear-gradient(135deg,#07beb826,#ffa62b1a);border-color:var(--teal);box-shadow:0 8px 24px #07beb84d;transform:translateY(-2px)}.device-button.active:before,.os-button.active:before{opacity:1}.button-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .3s ease}.device-button:hover .button-content,.os-button:hover .button-content{transform:scale(1.05)}.device-icon,.os-icon{font-size:3em;margin-bottom:0;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.device-button:hover .device-icon,.os-button:hover .os-icon{transform:scale(1.1) rotate(5deg)}.device-button.active .device-icon,.os-button.active .os-icon{filter:drop-shadow(0 0 12px rgba(7,190,184,.6))}.value-proposition{text-align:center;margin:2rem 0 3rem;padding:2rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.value-prop-title{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,var(--teal),var(--yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.value-prop-description{font-size:1.1rem;color:var(--subtitle-color);line-height:1.6;max-width:600px;margin:0 auto}.quick-actions{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.quick-action-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--cta-color);color:#1a1a1a;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 12px #00000026}.quick-action-button:hover{background:var(--teal);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #07beb84d}.quick-action-icon{font-size:1.5rem}.quick-action-text{white-space:nowrap}.home-intro-text{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.home-intro-text p{margin-bottom:1rem;line-height:1.8}.filter-section{margin:2rem 0;padding:1.5rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.device-os-filter{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.filter-label{margin-bottom:.5rem}.filter-label-text{font-size:.9rem;color:var(--subtitle-color);font-weight:500}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.os-filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-left:1rem;padding-left:1rem;border-left:2px solid rgba(255,255,255,.1)}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.filter-button:hover{background:#07beb833;border-color:var(--teal)}.filter-button.active{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}.filter-icon{font-size:1.1rem}@media (max-width: 768px){.value-prop-title{font-size:1.5rem}.value-prop-description{font-size:1rem}.quick-actions{flex-direction:column;align-items:stretch}.quick-action-button{width:100%;justify-content:center}.filter-buttons,.os-filter-buttons{width:100%;margin-left:0;padding-left:0;border-left:none}.os-filter-buttons{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}}.button-label{font-weight:600;font-size:1.05em;letter-spacing:.5px;transition:color .3s ease}.device-button.active .button-label,.os-button.active .button-label{color:var(--teal);text-shadow:0 0 8px rgba(7,190,184,.4)}.selection-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;color:var(--teal);animation:checkmarkAppear .3s ease;z-index:2}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.os-selector{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;margin-top:20px}.os-selector.visible{opacity:1;transform:translateY(0)}.device-button:focus-visible,.os-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-color:var(--teal)}@media (max-width: 768px){.device-os-selector{padding:24px 20px;border-radius:20px}.selector-title{font-size:1.3em}.selector-subtitle{font-size:.9em;margin-bottom:20px}.device-buttons,.os-buttons{gap:16px}.device-button,.os-button{min-width:130px;padding:20px 24px;font-size:.95em}.device-icon,.os-icon{font-size:2.5em}.button-label{font-size:1em}.selection-indicator{width:20px;height:20px;top:10px;right:10px}}@media (max-width: 480px){.device-os-selector{padding:20px 16px;border-radius:16px}.selector-title{font-size:1.2em}.selector-subtitle{font-size:.85em;margin-bottom:18px}.device-buttons,.os-buttons{gap:12px}.device-button,.os-button{min-width:110px;padding:16px 20px;font-size:.9em;border-radius:12px}.device-icon,.os-icon{font-size:2.2em}.button-label{font-size:.95em}.button-content{gap:10px}.selection-indicator{width:18px;height:18px;top:8px;right:8px}}.tool-hero-section{padding:4rem 2rem 2rem;text-align:center;position:relative;z-index:10}.tool-hero-content{max-width:800px;margin:0 auto}.tool-title{font-family:Tilt Warp,cursive;font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--teal),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.tool-description{font-size:1.2rem;color:var(--text-color);opacity:.8;max-width:600px;margin:0 auto}.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%}}.admin-panel{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-color)}.admin-panel h1,.admin-panel h2,.admin-panel h3{color:var(--text-color)}.logout-btn{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background-color:var(--danger-color, #ff3333);color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message{background-color:#ff00001a;color:var(--danger-color, #ff3333);padding:1rem;border-radius:5px;margin-bottom:1.5rem;border-left:4px solid var(--danger-color, #ff3333)}.success-message{background-color:#00ff001a;color:var(--success-color, #33cc33);padding:1rem;border-radius:5px;margin-bottom:1.5rem;border-left:4px solid var(--success-color, #33cc33)}.admin-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.admin-section{background-color:var(--card-bg, #2a2a2a);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:background-color var(--transition-speed, .3s) ease,color var(--transition-speed, .3s) ease}.admin-section h2{margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #444);padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background-color:var(--input-bg, #333);color:var(--text-color, #fff);border:1px solid var(--input-border, #555);border-radius:4px}.form-group textarea{min-height:100px;resize:vertical}.icon-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.icon-selector button{width:40px;height:40px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg, #333);border:1px solid var(--input-border, #555);border-radius:4px;cursor:pointer}.icon-selector button.selected{background-color:var(--primary-color, #0066cc);border-color:var(--primary-color, #0066cc)}.admin-section button[type=submit]{width:100%;padding:.75rem;background-color:var(--primary-color, #0066cc);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.admin-section button[type=submit]:hover{background-color:var(--primary-hover, #0055aa)}.admin-section button[type=submit]:disabled{background-color:var(--disabled-color, #666);cursor:not-allowed}.data-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.data-item{display:flex;gap:1rem;padding:1rem;background-color:var(--item-bg, #333);border-radius:4px;position:relative;transition:background-color var(--transition-speed, .3s) ease}.data-icon,.data-platform{font-size:1.5rem;min-width:40px;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:color var(--transition-speed, .3s) ease}.data-content{flex:1}.data-content h3{margin-top:0;margin-bottom:.5rem;color:var(--text-color);transition:color var(--transition-speed, .3s) ease}.data-content p{margin:0;color:var(--text-color);transition:color var(--transition-speed, .3s) ease}.data-content code{display:inline-block;padding:.25rem .5rem;background-color:var(--code-bg, #222);border-radius:4px;font-family:monospace;margin-bottom:.5rem;color:var(--text-color);transition:background-color var(--transition-speed, .3s) ease,color var(--transition-speed, .3s) ease}.login-message{text-align:center;padding:2rem;background-color:var(--card-bg, #2a2a2a);border-radius:8px;box-shadow:0 4px 6px #0000001a}.admin-panel h2{margin-bottom:1.5rem;color:var(--teal)}.message{padding:1rem;margin-bottom:1.5rem;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.message.success{background-color:#00c8531a;color:#00c853}.message.error{background-color:#ff00001a;color:red}.message button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,151,178,.2)}.tabs button{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;opacity:.7;transition:opacity .3s ease,border-bottom .3s ease}.tabs button.active{opacity:1;border-bottom:3px solid var(--teal)}.form-container{padding:1rem 0}.form-container h3{margin-bottom:1.5rem;color:var(--yellow)}.submit-btn{padding:.75rem 1.5rem;background:linear-gradient(to right,var(--teal),var(--yellow));border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-color:var(--bg-color)}.login-card{width:100%;max-width:400px;padding:2rem;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 20px #0000001a}.login-card h2{margin-bottom:1.5rem;color:var(--teal);text-align:center}.login-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--teal),var(--yellow));border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0003}.login-button:disabled{opacity:.7;cursor:not-allowed}.logout-button{background:#ff00001a;color:#f33;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;transition:all .3s ease;margin-left:10px}.logout-button:hover{background:#f003}.admin-actions{margin-top:2rem;display:flex;justify-content:center}.seed-data-btn{padding:.75rem 1.5rem;background-color:var(--yellow, #FFA62B);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.seed-data-btn:hover{background-color:var(--warning-hover, #cc7a00)}.fallback-notice{font-size:.9em;opacity:.8;margin-top:.5rem;font-style:italic}.delete-btn{background:none;border:none;color:var(--danger-color, #ff3333);cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .3s ease;padding:.5rem;margin-left:auto;display:flex;align-items:center;justify-content:center}[data-theme=light] .admin-section{background-color:var(--card-bg, #ffffff);box-shadow:0 4px 6px #0000001a}[data-theme=light] .data-item{background-color:var(--item-bg, #f5f5f5)}[data-theme=light] .data-content code{background-color:var(--code-bg, #e5e5e5)}.home-button{background:#0097b21a;color:var(--teal);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;transition:all .3s ease;margin-left:10px}.home-button:hover{background:#0097b233}.admin-header-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.back-to-site-btn{background:linear-gradient(to right,var(--teal),var(--teal-dark, #007a8c));color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.back-to-site-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.form-actions{display:flex;gap:1rem;margin-top:1rem}.primary-btn{flex:1;padding:.75rem;background-color:var(--cta-color, #EDE7E3);color:#1a1a1a;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.primary-btn:hover{background-color:var(--teal, #07BEB8);color:#fff}.primary-btn:disabled{background-color:var(--disabled-color, #666);cursor:not-allowed}.cancel-btn{padding:.75rem;background-color:var(--cancel-color, #999);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.cancel-btn:hover{background-color:var(--cancel-hover, #777)}.data-actions{display:flex;flex-direction:column;gap:.5rem}.edit-btn{background:none;border:none;color:var(--edit-color, #0066cc);cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .3s ease;padding:.5rem;display:flex;align-items:center;justify-content:center}.edit-btn:hover{opacity:1}.delete-btn{background:none;border:none;color:var(--danger-color, #ff3333);cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .3s ease;padding:.5rem;display:flex;align-items:center;justify-content:center}.delete-btn:hover{opacity:1}.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-contact{color:#f43f5e!important;font-weight:600!important}@media (max-width: 768px){.nav-desktop-only{display:none!important}.nav-mobile-only,.nav-hamburger{display:flex}}.cs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem}.cs-loading p{color:var(--text-secondary, #94a3b8);font-size:1rem;font-family:Geist,sans-serif}.cs-spinner{width:40px;height:40px;border:3px solid rgba(0,180,216,.2);border-top-color:#00b4d8;border-radius:50%;animation:cs-spin .8s linear infinite}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:30vh;gap:.75rem;text-align:center;padding:2rem}.cs-error-icon{font-size:2rem}.cs-error p{color:var(--text-secondary, #94a3b8);max-width:400px;line-height:1.5}.cs-platform-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.cs-platform-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;color:var(--text-secondary, #94a3b8);font-size:.95rem;font-weight:600;font-family:Geist,sans-serif;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.cs-platform-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00b4d826,#00b4d80d);opacity:0;transition:opacity .25s ease}.cs-platform-tab:hover{border-color:#00b4d84d;color:#e2e8f0;transform:translateY(-1px)}.cs-platform-tab:hover:before{opacity:1}.cs-platform-tab.active{border-color:#00b4d8;color:#fff;background:#00b4d81a;box-shadow:0 0 20px #00b4d826,inset 0 1px #ffffff0d}.cs-platform-tab.active:before{opacity:1}.cs-tab-icon{font-size:1.2rem}.cs-tab-label{position:relative;z-index:1}.cs-type-tabs{display:flex;gap:.4rem;justify-content:center;margin-bottom:1.5rem}.cs-type-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff05;color:var(--text-secondary, #94a3b8);font-size:.85rem;font-weight:500;font-family:Geist,sans-serif;cursor:pointer;transition:all .2s ease}.cs-type-tab:hover{border-color:#eab3084d;color:#e2e8f0}.cs-type-tab.active{border-color:#eab308;color:#eab308;background:#eab30814;box-shadow:0 0 12px #eab3081a}.cs-type-icon{font-size:1rem}.cs-table-container{border-radius:12px;overflow:hidden;padding:0!important}.cs-table{width:100%;border-collapse:collapse;table-layout:fixed}.cs-table thead{background:#00b4d80f}.cs-table th{padding:.85rem 1rem;text-align:left;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00b4d8;border-bottom:1px solid rgba(0,180,216,.15);white-space:nowrap}.cs-th-check{width:48px;text-align:center}.cs-th-action{width:40%}.cs-th-keys{width:30%}.cs-th-tags{width:auto}.cs-row{border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s ease;cursor:pointer}.cs-row:hover{background:#ffffff0a}.cs-row.selected{background:#00b4d814;border-left:3px solid #00b4d8}.cs-table td{padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary, #e2e8f0);vertical-align:middle}.cs-td-check{text-align:center;width:48px}.cs-td-action{line-height:1.4;font-family:Geist,sans-serif}.cs-checkbox-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;width:20px;height:20px}.cs-checkbox{opacity:0;position:absolute;width:0;height:0}.cs-checkmark{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:4px;transition:all .2s ease;position:relative}.cs-checkbox:checked+.cs-checkmark{background:#00b4d8;border-color:#00b4d8}.cs-checkbox:checked+.cs-checkmark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.cs-checkmark:hover{border-color:#00b4d880}.cs-kbd{display:inline-block;padding:.2em .5em;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;font-weight:600;color:#e2e8f0;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.15);border-bottom-width:3px;border-bottom-color:#ffffff1a;border-radius:5px;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff14;white-space:nowrap;line-height:1.4}.cs-key-plus{margin:0 .15em;color:var(--text-secondary, #94a3b8);font-size:.8rem}.cs-no-keys{color:var(--text-secondary, #64748b);font-style:italic}.cs-tag{display:inline-block;padding:.15em .5em;font-size:.7rem;font-weight:500;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;margin:.1rem .2rem;white-space:nowrap}.cs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:.75rem}.cs-empty-icon{font-size:2.5rem}.cs-empty p{color:var(--text-secondary, #94a3b8)}.cs-action-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 3rem);max-width:600px;animation:cs-slide-up .3s ease}@keyframes cs-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.cs-action-bar-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,180,216,.25);border-radius:14px;box-shadow:0 8px 32px #0006,0 0 0 1px #00b4d81a}.cs-action-bar-info{display:flex;align-items:center;gap:.5rem}.cs-action-bar-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,#00b4d8,#0091b3);color:#fff;font-weight:700;font-size:.85rem;border-radius:8px;padding:0 6px}.cs-action-bar-text{color:#94a3b8;font-size:.85rem;font-weight:500;font-family:Geist,sans-serif}.cs-action-bar-buttons{display:flex;align-items:center;gap:.5rem}.cs-btn-clear{padding:.5rem 1rem;font-size:.82rem;font-weight:600;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.cs-btn-clear:hover{background:#ffffff1a;color:#e2e8f0}.cs-btn-generate{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#00b4d8,#0091b3);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00b4d84d}.cs-btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#00c4e8,#00a1c3);box-shadow:0 4px 16px #00b4d866;transform:translateY(-1px)}.cs-btn-generate:disabled{opacity:.7;cursor:not-allowed}.cs-btn-generate svg{width:14px;height:14px}.cs-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cs-spin .6s linear infinite}.cs-gen-error{margin-top:.5rem;padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;font-size:.8rem;text-align:center}.light-mode .cs-platform-tab{border-color:#00000014;background:#00000005;color:#64748b}.light-mode .cs-platform-tab:hover{border-color:#00b4d84d;color:#334155}.light-mode .cs-platform-tab.active{border-color:#00b4d8;color:#0e7490;background:#00b4d80d}.light-mode .cs-type-tab{border-color:#0000000f;background:#00000003;color:#64748b}.light-mode .cs-type-tab.active{border-color:#ca8a04;color:#a16207;background:#eab3080d}.light-mode .cs-table-container{border-color:#00000014}.light-mode .cs-table th{border-bottom-color:#00b4d833}.light-mode .cs-table thead{background:#00b4d80a}.light-mode .cs-row{border-bottom-color:#0000000d}.light-mode .cs-row:hover{background:#00000005}.light-mode .cs-row.selected{background:#00b4d80f}.light-mode .cs-table td{color:#334155}.light-mode .cs-kbd{color:#1e293b;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-color:#cbd5e1;border-bottom-color:#94a3b8;box-shadow:0 1px 2px #0000001a,inset 0 1px #fffc}.light-mode .cs-tag{color:#64748b;background:#00000008;border-color:#00000014}.light-mode .cs-checkmark{border-color:#0003}.light-mode .cs-action-bar-inner{background:#ffffffe6;border-color:#00b4d84d;box-shadow:0 8px 32px #00000026,0 0 0 1px #00b4d81a}.light-mode .cs-action-bar-text{color:#64748b}.light-mode .cs-btn-clear{color:#64748b;background:#0000000a;border-color:#0000001a}.light-mode .cs-btn-clear:hover{background:#00000014;color:#334155}@media (max-width: 768px){.cs-platform-tabs{gap:.35rem}.cs-platform-tab{padding:.6rem 1rem;font-size:.85rem;border-radius:10px}.cs-tab-label{display:none}.cs-tab-icon{font-size:1.4rem}.cs-type-tabs{gap:.3rem}.cs-type-tab{padding:.45rem .85rem;font-size:.78rem}.cs-type-icon{display:none}.cs-table,.cs-table thead,.cs-table tbody,.cs-table th,.cs-table td,.cs-table tr{display:block}.cs-table thead tr{display:none}.cs-row{padding:.75rem;margin-bottom:.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);position:relative}.cs-td-check{position:absolute;top:.75rem;right:.75rem;width:auto;padding:0}.cs-td-action{font-weight:600;padding:0 2.5rem .4rem 0}.cs-td-keys{padding:.2rem 0}.cs-td-tags{padding:.3rem 0 0}.cs-action-bar{bottom:1rem;width:calc(100% - 2rem)}.cs-action-bar-inner{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.cs-action-bar-buttons{width:100%;justify-content:stretch}.cs-btn-clear,.cs-btn-generate{flex:1;justify-content:center}}@media (max-width: 480px){.cs-platform-tab{padding:.55rem .8rem}.cs-type-tab{padding:.4rem .65rem;font-size:.72rem}}