@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}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: #0097b2;--yellow: #ffce00;--section-bg: #0a0a0a;--card-bg: #1a1a1a;--input-bg: #2a2a2a;--input-text: #ffffff;--input-border: #444;--transition-speed: .5s}[data-theme=light]{--bg-color: #ffffff;--header-bg: #f5f5f5;--text-color: #333333;--subtitle-color: rgba(0, 0, 0, .7);--shadow-color: rgba(0, 0, 0, .2);--section-bg: #f0f0f0;--card-bg: #ffffff;--input-bg: #f5f5f5;--input-text: #333333;--input-border: #ddd}html,body,#root{margin:0;padding:0;width:100%;background-color:var(--bg-color);font-family:Poppins,sans-serif;transition:background-color var(--transition-speed) ease;scroll-behavior:smooth;color:var(--text-color)}.app-container{background-color:var(--bg-color);transition:background-color var(--transition-speed) ease;min-height:100vh;width:100%;overflow-x:hidden}.large-header{position:relative;width:100%;height:100vh;min-height:600px;background:var(--header-bg);overflow:hidden;background-size:cover;background-position:center center;transition:background var(--transition-speed) ease}#demo-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.theme-toggle{position:absolute;top:20px;right:20px;z-index:20;display:flex;gap:10px}.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-family:Poppins,sans-serif;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:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}.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-size:4.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;filter:drop-shadow(0 0 15px var(--shadow-color));transition:filter var(--transition-speed) ease}.teal{color:#00e0ff}.gradient-i{font-weight:900;background:linear-gradient(to right,var(--teal),var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding:0;margin:0;filter:drop-shadow(0 0 10px rgba(255,206,0,.7)) drop-shadow(0 0 20px rgba(0,151,178,.5));transition:filter var(--transition-speed) ease}.yellow{color:#fc0}.gradient-text{background:linear-gradient(90deg,#00e0ff,#fc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline}.subtitle{font-size:1.5rem;color:var(--subtitle-color);max-width:28rem;margin:0 auto 2rem;text-shadow:0 0 10px rgba(0,0,0,.5);transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease}.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}.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;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,206,0,.7),0 0 20px rgba(255,206,0,.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:#0097b21a;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}.site-footer{text-align:center;padding:2rem;background-color:var(--section-bg);color:var(--text-color)}.light-mode .teal{text-shadow:0 0 5px rgba(0,151,178,.5),0 0 10px rgba(0,151,178,.3)}.light-mode .yellow{text-shadow:0 0 5px rgba(255,206,0,.5),0 0 10px rgba(255,206,0,.3)}.light-mode .gradient-i{filter:drop-shadow(0 0 5px rgba(255,206,0,.5)) drop-shadow(0 0 10px rgba(0,151,178,.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}.theme-toggle button{padding:6px 12px;font-size:.8rem}.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%}}@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,206,0,.7),0 0 20px rgba(255,206,0,.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(0,151,178,.5),0 0 10px rgba(0,151,178,.3)}.language-toggle-button{background:#0003;color:var(--text-color);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}.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:#fc0c;border-color:#fc0;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:#fff;background-color:transparent;position:relative;cursor:pointer;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:2px;margin:2rem auto;transition:all .3s ease;overflow:hidden}.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 #E94BE8;background-color:transparent;border:3px solid var(--teal)}.fancy-button:hover{text-shadow:-1px -1px 0px var(--teal),1px 1px 0px #E94BE8;background-color:transparent;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 #E94BE8}@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)}.tips-hero{background:linear-gradient(135deg,var(--header-bg) 0%,#0a2a3a 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)}}.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}}@media (max-width: 480px){.page-hero{padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.search-bar{padding:.5rem 1rem}}.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:#0097b233}.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:#0097b21a}.tuhai-menu-wrapper{position:fixed;top:20px;left:20px;z-index:1000}@media (max-width: 768px){.tuhai-menu-wrapper{top:15px;left:15px}.tuhai-menu{height:2.2rem;width:10rem;font-size:.9rem}}@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:#00e0ff99;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:#fc09}.back-button.gradient-btn .transition{background:linear-gradient(90deg,#00e0ff99,#fc09)}.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 .frontSide,.shortcut-info-card .frontSide:before{background:linear-gradient(43deg,#00e0ff,#00a0b0 46%,#e6b800)}.shortcut-info-card .backSide,.shortcut-info-card .backSide:before{background-image:linear-gradient(160deg,#c90,#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:#00e0ff4d;border-color:#00e0ff;box-shadow:0 0 10px #00e0ff80}.platform-filter-btn:hover{background-color:#00e0ff33}.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:#00a0b0;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:#fc0}.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:#00a0b0;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:#fc0}.download-button{padding:.8rem 4rem;border:none;outline:none;font-size:1.3rem;border-radius:.3rem;font-weight:600;background-color:#00e0ff;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:#333}.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}.mn-text,body.mn-language{font-family:Roboto,sans-serif}.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:10px;margin:20px 0}.category-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}.category-filter-btn.active{background-color:#ffcc004d;border-color:#fc0;box-shadow:0 0 10px #ffcc0080}.category-filter-btn:hover{background-color:#fc03}.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,#fc0,#f90 46%,#fc0)}.tip-card .backSide,.tip-card .backSide:before{background-image:linear-gradient(160deg,#c90,#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 #ffcc00;color:#fc0;cursor:pointer;overflow:hidden;border-radius:4px;transition:all .3s ease}.fancy-button:hover{background:#fc0;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,#fc0,#f90 46%,#fc0)}.tip-card-back,.tip-card-back:before{background-image:linear-gradient(160deg,#c90,#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,#00e0ff,#00a0b0 46%,#00e0ff);border-radius:10px;padding:20px;width:300px;box-shadow:0 0 15px #00e0ff4d;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}.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,#00e0ff,#00a0b0 46%,#fc0)}.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,#fc0,#f90 46%,#fc0)!important}.tip-card-back,.tip-card-back:before{background-image:linear-gradient(160deg,#c90,#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,#e6b800,#c90 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:300px;background-color:#212121;border-radius:15px;padding:25px;box-shadow:0 10px 20px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.simple-tip-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffcc001a,#ffcc000d 25%,#0000,#ffcc000d 75%,#ffcc001a);z-index:-1;border-radius:15px;animation:borderGlow 3s ease-in-out infinite alternate}.simple-tip-card[data-category=securityTips]:before{background:linear-gradient(45deg,#ffcc0026,#ffcc000d 25%,#0000,#ffcc000d 75%,#ffcc0026);animation:borderGlowGold 3s ease-in-out infinite alternate}.simple-tip-card[data-category=performanceTips]:before{background:linear-gradient(45deg,#00e0ff26,#00e0ff0d 25%,#0000,#00e0ff0d 75%,#00e0ff26);animation:borderGlowCyan 3s ease-in-out infinite alternate}.simple-tip-card[data-category=batteryTips]:before{background:linear-gradient(45deg,#00ff8026,#00ff800d 25%,#0000,#00ff800d 75%,#00ff8026);animation:borderGlowGreen 3s ease-in-out infinite alternate}.simple-tip-card[data-category=didYouKnow]:before{background:linear-gradient(45deg,#ba55d326,#ba55d30d 25%,#0000,#ba55d30d 75%,#ba55d326);animation:borderGlowPurple 3s ease-in-out infinite alternate}.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:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5)}.simple-tip-card[data-category=performanceTips] .simple-tip-icon{color:#00e0ff;text-shadow:0 0 10px rgba(0,224,255,.5)}.simple-tip-card[data-category=batteryTips] .simple-tip-icon{color:#00ff80;text-shadow:0 0 10px rgba(0,255,128,.5)}.simple-tip-card[data-category=didYouKnow] .simple-tip-icon{color:#ba55d3;text-shadow:0 0 10px rgba(186,85,211,.5)}@keyframes borderGlowGold{0%{opacity:.5;box-shadow:0 0 10px #ffcc004d,inset 0 0 5px #ffcc001a}to{opacity:1;box-shadow:0 0 20px #ffcc0080,inset 0 0 10px #fc03}}@keyframes borderGlowCyan{0%{opacity:.5;box-shadow:0 0 10px #00e0ff4d,inset 0 0 5px #00e0ff1a}to{opacity:1;box-shadow:0 0 20px #00e0ff80,inset 0 0 10px #00e0ff33}}@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}}.simple-tip-icon{font-size:40px;margin-bottom:20px;transition:transform .3s ease}.simple-tip-card:hover .simple-tip-icon{transform:scale(1.1)}.simple-tip-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#fff;position:relative;padding-bottom:10px}.simple-tip-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background-color:#ffffff4d}.simple-tip-content{font-size:16px;line-height:1.5;color:#ccc}.simple-tip-card:hover{transform:translateY(-5px);transition:transform .3s ease}.download-section h3{font-size:1.5em;margin-bottom:15px;color:#fff}.shortcuts-page .download-section h3{color:#00e0ff}.tips-page .download-section h3{color:#fc0}.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}.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(--warning-color, #ff9900);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(--primary-color, #0066cc);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.primary-btn:hover{background-color:var(--primary-hover, #0055aa)}.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}.shortcuts-title{display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.teal{color:#00e0ff;text-shadow:0 0 10px rgba(0,224,255,.5)}.yellow{color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}