*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:radial-gradient(circle at top,#020617,#020617 40%,#000);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}html{scroll-behavior:smooth}.app-container{max-width:1100px;margin:0 auto;padding:2rem}.header{margin-bottom:2rem}.header h1{font-size:2rem;font-weight:600}.section-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card{cursor:pointer;background:linear-gradient(145deg,#020617,#0f172a);border:1px solid #94a3b814;border-radius:12px;padding:1.2rem}.card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 10px 25px #38bdf826}.button{color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;padding:.6rem 1.2rem}.content-area{max-width:750px;margin:0 auto}.section-card{opacity:0;background:linear-gradient(145deg,#020617,#0f172a);border:1px solid #94a3b814;border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:all .6s}.section-card.show{opacity:1;transform:translateY(0)}.section-card.left{transform:translate(-40px)}.section-card.right{transform:translate(40px)}.section-card.show.left,.section-card.show.right{transform:translate(0)}.section-card h2{color:#38bdf8;margin-top:1.5rem}.section-card p{color:#cbd5f5}.section-card blockquote{border-left:3px solid #38bdf8;margin:1rem 0;padding-left:1rem}.section-card img{cursor:zoom-in;filter:blur(1.2px);opacity:.9;border-radius:0;width:calc(100% + 3rem);max-width:none;height:auto;margin:1.2rem -1.5rem;transition:all .35s;display:block;box-shadow:0 10px 30px #0006}.section-card img:hover{filter:blur();opacity:1;transform:scale(1.03);box-shadow:0 15px 40px #38bdf840}@media (width<=768px){.app-container,.section-card{padding:1rem}.section-card img{filter:none;opacity:1;border-radius:10px;width:100%;margin:1rem 0;transform:none!important}.section-card img:hover{transform:none;box-shadow:0 8px 20px #0006}}.floating-date{justify-content:flex-end;margin-bottom:1.2rem;display:flex}.floating-date span{background:#38bdf814;border-radius:999px;padding:6px 12px;font-size:.75rem}.progress-bar{z-index:999;background:linear-gradient(90deg,#38bdf8,#0ea5e9);width:0%;height:3px;position:fixed;top:0;left:0}.zoom-overlay{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.zoom-image{border-radius:12px;max-width:90%;max-height:90%}.section-card hr{display:none}.splash{z-index:9999;text-align:center;background:#020617;flex-direction:column;justify-content:center;align-items:center;padding:6vh 1.5rem 1.5rem;transition:opacity .6s;display:flex;position:fixed;inset:0}.splash.fade-out{opacity:0}.splash img{opacity:0;filter:drop-shadow(0 0 12px #38bdf84d);width:110px;max-width:40vw;height:auto;margin-bottom:1.2rem;animation:.6s forwards fadeUp}.splash h1{opacity:0;margin:0;font-size:1.8rem;font-weight:600;animation:.6s .2s forwards fadeUp}.splash p{color:#94a3b8;opacity:0;margin-top:.6rem;font-size:.95rem;animation:.6s .4s forwards fadeUp}.loader{border:3px solid #94a3b833;border-top-color:#38bdf8;border-radius:50%;width:22px;height:22px;margin-top:1.2rem;animation:.8s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.splash img{width:85px}.splash h1{font-size:1.4rem}.splash p{font-size:.85rem}}