*{margin:0;padding:0;box-sizing:border-box}:root{--nav-height: 0px;--card-radius: 1.5rem;--card-bg-light: rgba(255, 255, 255, .65);--card-bg-dark: rgba(30, 30, 35, .65);--glass-border: 1px solid rgba(255, 255, 255, .2);--glass-border-dark: 1px solid rgba(255, 255, 255, .08)}body{font-family:var(--font-main);background:var(--bg-primary);min-height:100vh;color:var(--text-primary);overflow-x:hidden;position:relative}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(/sstoy/assets/others/main_bg.jpg) center/cover no-repeat fixed;opacity:.25;filter:blur(2px);pointer-events:none}[data-theme=dark] .background-overlay{opacity:.1}.background-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}.blob-1{width:600px;height:600px;background:var(--sky-blue);top:-10%;left:-10%;opacity:.15}.blob-2{width:500px;height:500px;background:var(--pastel-pink);bottom:-10%;right:-10%;animation-delay:5s;opacity:.15}.blob-3{width:400px;height:400px;background:var(--mint-green);top:40%;left:40%;animation-delay:10s;opacity:.1}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.floating-controls{position:fixed;top:1.25rem;right:1.25rem;z-index:1000;display:flex;gap:.75rem;align-items:center}@media (max-width: 480px){.floating-controls{top:1rem;right:1rem;gap:.25rem}.language-select,.theme-toggle{margin:0;width:auto}.language-select{padding:.35rem .7rem;font-size:.8rem;height:auto;min-width:auto;max-width:8.5rem;flex-shrink:0}.theme-toggle{padding:0;width:2.4rem;height:2.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.theme-toggle .theme-icon{font-size:1.1rem;width:1.1rem;height:1.1rem}.card-large,.card-wide{min-height:12.5rem}}.language-select,.theme-toggle{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-medium);border-radius:1.25rem;padding:.5rem .875rem;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .language-select,[data-theme=dark] .theme-toggle{background:#0000004d;border-color:#ffffff1a}.language-select:hover,.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--sky-blue);color:var(--sky-blue);transform:translateY(-1px)}.main-content{max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem;display:flex;flex-direction:column;gap:1.875rem}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;min-height:50vh}.hero-content{display:flex;flex-direction:column;gap:1.25rem;z-index:2}.hero-title{font-family:var(--font-main);font-size:3.2rem;line-height:1.1;font-weight:700;color:var(--primary-color);letter-spacing:-.02em}.gradient-text{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentcolor;display:inline-block;color:var(--primary-color)}.hero-subtitle{font-size:1.2rem;font-weight:500;color:var(--text-primary)}.hero-description{font-size:.95rem;color:var(--text-secondary);max-width:90%;line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-top:.3125rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:6.25rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;cursor:pointer;font-size:1rem;border:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--sky-blue);color:#fff;box-shadow:0 4px 15px #38bdf84d}.btn-primary:hover{background:var(--sky-blue-hover, #0ea5e9);box-shadow:0 6px 20px #38bdf866}.hero-visual{position:relative;display:flex;justify-content:center;perspective:1000px}.app-preview-card{width:100%;max-width:550px;border-radius:1rem;overflow:hidden;box-shadow:0 20px 50px #0000001f;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease;background:var(--bg-secondary)}[data-theme=dark] .app-preview-card{box-shadow:0 20px 50px #0006}.hero-visual:hover .app-preview-card{transform:rotateY(0) rotateX(0)}.preview-img{width:100%;height:auto;display:block}.features-section{width:100%}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.bento-card{background:var(--card-bg-light);backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--card-radius);padding:1.75rem;text-decoration:none;color:var(--text-primary);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .3s;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008}[data-theme=dark] .bento-card{background:var(--card-bg-dark);border:var(--glass-border-dark)}.bento-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 35px #0000001a;background:#fffc}[data-theme=dark] .bento-card:hover{background:#28282dcc;box-shadow:0 15px 35px #00000059}.card-large{grid-column:span 2;min-height:21.25rem}.card-wide{grid-column:span 2;min-height:13.75rem}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.card-header-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.625rem}.card-text-col{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding-top:.25rem}.card-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:#ffffffb3;box-shadow:0 2px 8px #0000000d;flex-shrink:0}[data-theme=dark] .card-icon{background:#ffffff1a}.card-icon img{width:2.375rem;height:2.375rem;object-fit:contain}.bento-card h3{font-family:var(--font-main);font-size:1.25rem;margin:0;line-height:1.2}.bento-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.4;font-weight:500;margin:0}.card-bg-img{position:absolute;bottom:-5px;right:-5px;width:70%;max-width:22.5rem;transform:rotate(-5deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);opacity:.95;z-index:1}.card-large:hover .card-bg-img,.card-wide:hover .card-bg-img{transform:rotate(0) scale(1.05) translateY(-5px)}.card-bg-img img{width:100%;height:auto;border-radius:.75rem;box-shadow:0 10px 30px #00000026}.card-resources .card-bg-img,.card-tasks .card-bg-img{width:60%;bottom:-5px;right:-5px}.links-grid{display:flex;justify-content:center;gap:1.25rem;margin-top:3.75rem;flex-wrap:wrap}.link-card{display:flex;align-items:center;gap:.625rem;background:#fff6;padding:.625rem 1.25rem;border-radius:6.25rem;border:1px solid var(--border-light);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s}[data-theme=dark] .link-card{background:#ffffff0d;border-color:#ffffff1a}.link-card:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px);border-color:var(--sky-blue)}.link-card i{color:var(--sky-blue);font-size:1.1rem}.site-footer{text-align:center;padding-top:1.25rem;border-top:1px solid var(--border-light);opacity:.7}.disclaimer-content h3{color:var(--sky-blue);margin-bottom:.5rem;font-size:.9rem}.disclaimer-content p{font-size:.8rem;color:var(--text-secondary)}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:2.5rem;padding-top:1.25rem;min-height:auto}.hero-content{align-items:center}.hero-title{font-size:2.8rem}.app-preview-card{transform:rotateY(0) rotateX(0);margin:0 auto}.bento-grid{grid-template-columns:1fr}.card-large,.card-wide{grid-column:span 1;min-height:18.75rem}}@media (max-width: 600px){.main-content{padding-top:5rem}.hero-title{font-size:2.2rem}.floating-controls{top:1rem;right:1rem}.card-bg-img{width:60%;bottom:-5px;right:-5px}.links-grid{flex-direction:column;gap:.625rem;padding:0 1.25rem}.link-card{justify-content:center;width:100%}.card-large,.card-wide{min-height:13.75rem}}.patch-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;align-items:center;justify-content:center;padding:1.25rem;backdrop-filter:blur(5px)}.patch-modal-content{background-color:var(--bg-secondary);border-radius:1.25rem;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.patch-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light)}.patch-modal-header h2{font-size:1.4rem;display:flex;gap:.625rem;align-items:center}.patch-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.patch-modal-body{padding:2rem;overflow-y:auto}.patch-entry{margin-bottom:2rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem}.patch-entry:last-child{border-bottom:none}.patch-version{background:var(--sky-blue);color:#fff;padding:.125rem .625rem;border-radius:.75rem;font-weight:700;font-size:.9rem}.patch-date{color:var(--text-secondary);font-size:.85rem;margin:.3125rem 0 .625rem}.patch-changes ul{padding-left:1.25rem}.patch-changes li{margin-bottom:.25rem}.img-light{display:block!important}.img-dark,[data-theme=dark] .img-light{display:none!important}[data-theme=dark] .img-dark{display:block!important}.fade-in-element{opacity:0;transform:translateY(1.25rem);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-element.visible{opacity:1;transform:translateY(0)}