@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#242424;color:#ffffffde;min-height:100vh}#app{max-width:1200px;margin:auto;padding:2rem}.hero{position:relative;text-align:center;margin-bottom:2rem}.hero h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0006;padding:1rem 2rem;border-radius:.5rem;font-size:2rem;text-align:center;max-width:90%}footer{text-align:center;margin-top:2rem}h1{margin-bottom:1.5rem}h2{margin-top:2rem;margin-bottom:.75rem}p{margin-bottom:1.2rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.sass-page h1{margin-bottom:2rem}.sass-page h2{margin-top:3rem;margin-bottom:1rem}.sass-page p{margin-bottom:1.5rem;line-height:1.7;max-width:750px;margin-left:auto;margin-right:auto}@media(max-width:768px){.hero img{max-width:90%}.hero h1{font-size:1.5rem;padding:.5rem 1rem}}.menu li a{padding:.6rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:700;transition:.3s}.menu{list-style:none;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.menu li a{background-color:#646cff;color:#fff}.menu li a:hover{background-color:#979cff}.hero-text{text-align:center;margin:2rem 0}.hero-text h1{font-size:2.5rem;margin:0}.gallery{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.gallery img{width:300px;border-radius:8px;transition:transform .3s}.gallery img:hover{transform:scale(1.05);z-index:1}.glow-text{font-size:2rem;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%{text-shadow:0 0 5px #ccc}50%{text-shadow:0 0 20px #00aaff}to{text-shadow:0 0 5px #ccc}}.floating-ball{width:40px;height:40px;background:purple;border-radius:50%;position:relative;animation:floatAcross 6s linear infinite}@keyframes floatAcross{0%{left:0;top:0}50%{left:300px;top:50px}to{left:0;top:0}}.fun-btn{padding:12px 24px;background:#ff7a18;border:none;color:#fff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.fun-btn:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.fun-btn:active{transform:translateY(2px);box-shadow:none}@media(prefers-color-scheme:light){body{background-color:#fff;color:#213547}}