:root{--bg-color:#f5f5f5;--text-color:#333;--toolbar-bg:#0d8df2;--btn-bg:#fbda31;--btn-text:#333;--btn-hover:#e0c22c;--modal-bg:#0d8df2;--modal-text-color:#fff;--modal-overlay:#00000080;--border-color:#ddd;--logo-bg:transparent;--dot-inactive:#ffffff80;--dot-active:#fff}[data-theme=dark]{--bg-color:#121212;--text-color:#e0e0e0;--toolbar-bg:#212121;--btn-bg:#ffd54f;--btn-text:#333;--btn-hover:#e4be46;--modal-bg:#1e1e1e;--modal-text-color:#e0e0e0;--modal-overlay:#000c;--border-color:#333;--logo-bg:transparent;--dot-inactive:#ffffff4d;--dot-active:#0d8df2}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:#0000;flex-direction:column;height:100vh;font-family:Roboto,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden auto}.bg-slideshow{z-index:-2;background-color:var(--bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0}.bg-slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0}.bg-slide.active{opacity:1}.bg-overlay{z-index:-1;background-color:var(--bg-color);opacity:.4;width:100vw;height:100vh;position:fixed;top:0;left:0}.toolbar{background-color:var(--toolbar-bg);border-bottom:1px solid var(--border-color);color:#fff;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:var(--logo-bg);border-radius:50%;width:48px;height:48px;transition:background-color .3s}.app-title{font-size:1.5rem;font-weight:700}.content{flex-direction:column;flex:1;width:100%;margin:0 auto;padding:40px 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 #0006}.screenshot-img{object-fit:cover;width:100%;height:100%;display:block}.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:.6s}@keyframes fade{0%{opacity:.2}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:var(--dot-inactive);border-radius:50%;width:12px;height:12px;margin:0 6px;transition:background-color .4s;display:inline-block}.active,.dot:hover{background-color:var(--dot-active)}.slide-title{text-align:center;color:var(--text-color);width:100%;min-height:1.5em;margin-bottom:15px;font-size:1.5rem;font-weight:500}@media (width>=768px){.content{flex-direction:row;align-items:center;max-width:1400px;padding: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);color:#fff;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:#fff;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(--modal-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{text-align:center;margin-top:10px;margin-bottom:25px}.modal-content h2,.modal-content h3{margin-top:25px;margin-bottom:15px}.modal-header{text-align:center;margin-bottom:10px}.modal-logo{border:2px solid var(--btn-bg);background-color:var(--logo-bg);border-radius:50%;width:64px;height:64px;padding:0}.modal-content p{margin-bottom:15px}.modal-content ul{margin-bottom:15px;padding-left:20px}.close-btn{color:var(--modal-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}.theme-switch-wrapper{align-items:center;display:flex}.theme-switch{width:60px;height:34px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#0003;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"light_mode";color:#f39c12;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:Material Symbols Outlined;font-size:18px;transition:all .4s;display:flex;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#fff3}input:checked+.slider:before{content:"dark_mode";color:#121212;transform:translate(26px)}