:root{--bg-color:#cfcfcf;--text-color:#333;--toolbar-bg:#cfcfcf;--btn-bg:#d4f100;--btn-text:#333;--btn-hover:#b1c805;--modal-bg:#fff;--modal-overlay:#00000080;--border-color:#afafaf;--logo-bg:#4f4f4f}body.dark-mode{--bg-color:#4f4f4f;--text-color:#f0f0f0;--toolbar-bg:#4f4f4f;--btn-bg:#d4f100;--btn-text:#333;--btn-hover:#b1c805;--modal-bg:#333;--modal-overlay:#000000b3;--border-color:#333;--logo-bg:#cfcfcf}body.dark-mode md-switch{--md-switch-selected-track-color:#cfcfcf;--md-switch-selected-hover-track-color:#afafaf;--md-switch-selected-focus-track-color:#afafaf;--md-switch-selected-pressed-track-color:#afafaf;--md-switch-selected-handle-color:#4f4f4f;--md-switch-selected-hover-handle-color:#333;--md-switch-selected-focus-handle-color:#333;--md-switch-selected-pressed-handle-color:#333;--md-switch-selected-icon-color:#fff;--md-switch-selected-hover-icon-color:#fff;--md-switch-selected-focus-icon-color:#fff;--md-switch-selected-pressed-icon-color:#fff;--md-switch-unselected-track-color:#333;--md-switch-unselected-hover-track-color:#111;--md-switch-unselected-focus-track-color:#111;--md-switch-unselected-pressed-track-color:#111;--md-switch-unselected-handle-color:#afafaf;--md-switch-unselected-icon-color:#333}md-switch{--md-switch-selected-track-color:var(--btn-bg);--md-switch-selected-hover-track-color:var(--btn-hover);--md-switch-selected-focus-track-color:var(--btn-hover);--md-switch-selected-pressed-track-color:var(--btn-hover);--md-switch-selected-handle-color:#4f4f4f;--md-switch-selected-icon-color:var(--btn-bg);--md-switch-unselected-track-color:#afafaf;--md-switch-unselected-hover-track-color:#8f8f8f;--md-switch-unselected-focus-track-color:#8f8f8f;--md-switch-unselected-pressed-track-color:#8f8f8f;--md-switch-unselected-handle-color:#cfcfcf;--md-switch-unselected-icon-color:#4f4f4f}md-switch md-icon{font-variation-settings:"FILL" 1;transform:scale(.6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;height:100vh;font-family:Roboto,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden auto}.toolbar{background-color:var(--toolbar-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 20px;transition:background-color .3s,border-color .3s;display:flex}.logo-container{align-items:center;gap:15px;display:flex}.logo{background-color:#4f4f4f;border-radius:50%;width:48px;height:48px;transition:background-color .3s}body.dark-mode .logo{background-color:#cfcfcf}.app-title{font-size:1.5rem;font-weight:700}.content{flex-direction:column;flex:1;width:100%;margin:0 auto;padding:20px;display:flex}.left-col{text-align:center;flex-direction:column;justify-content:center;margin-bottom:30px;display:flex}.right-col{flex-direction:column;align-items:center;display:flex}.text-section{max-width:500px;margin:0 auto}.headline{margin-bottom:15px;font-size:2.5rem;line-height:1.2}.description{opacity:.9;margin-bottom:25px;font-size:1.1rem;line-height:1.5}.download-section{margin-top:10px}.play-store-btn{width:200px;transition:transform .2s;display:inline-block}.play-store-btn:hover{transform:scale(1.05)}.play-store-btn img{width:100%;height:auto}.slideshow-section{flex-direction:column;align-items:center;width:100%;max-width:350px;display:flex}.slideshow-container{aspect-ratio:9/19.5;background-color:var(--border-color);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.slide{width:100%;height:100%;display:none}.placeholder-screenshot{width:100%;height:100%;color:var(--text-color);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}.prev,.next{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background-color:#0000004d;border-radius:0 3px 3px 0;width:auto;margin-top:-22px;padding:16px;font-size:18px;font-weight:700;transition:all .6s;position:absolute;top:50%}.next{border-radius:3px 0 0 3px;right:0}.prev:hover,.next:hover{background-color:#000c}.dots-container{text-align:center;margin-top:15px}.dot{cursor:pointer;background-color:#bbb;border-radius:50%;width:10px;height:10px;margin:0 5px;transition:background-color .6s;display:inline-block}.active,.dot:hover{background-color:var(--btn-bg)}@media (width>=768px){body{overflow:hidden}.content{flex-direction:row;align-items:center;max-width:1400px;height:calc(100vh - 160px);padding:0 40px}.left-col{text-align:left;flex-direction:column;flex:0 0 40%;justify-content:center;height:100%;margin-bottom:0;padding-right:40px;display:flex}.text-section{margin:0}.right-col{flex-direction:column;flex:0 0 60%;justify-content:center;align-items:center;height:100%;padding:20px 0;display:flex}.slideshow-section{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;display:flex}.slideshow-container{aspect-ratio:9/19.5;flex-grow:1;width:auto;max-width:100%;height:0;min-height:0}}.footer{background-color:var(--toolbar-bg);border-top:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.footer-content{flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:20px 40px;display:flex}@media (width<=767px){.footer-content{flex-direction:column;gap:10px;padding:20px}}.footer-links{justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--text-color);opacity:.8;text-decoration:none}.footer-links a:hover{opacity:1;text-decoration:underline}.modal{z-index:1000;background-color:var(--modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:var(--modal-bg);width:90%;max-width:800px;color:var(--text-color);border-radius:16px;margin:10% auto;padding:30px;line-height:1.6;position:relative;box-shadow:0 15px 30px #0000004d}.modal-content h1,.modal-content h2,.modal-content h3{margin-top:25px;margin-bottom:15px}.modal-content p{margin-bottom:15px}.modal-content ul{margin-bottom:15px;padding-left:20px}.close-btn{color:var(--text-color);cursor:pointer;opacity:.7;font-size:28px;font-weight:700;position:absolute;top:15px;right:25px}.close-btn:hover,.close-btn:focus{opacity:1;text-decoration:none}