body{color-scheme:light dark;background-color:light-dark(#fff,#000);color:light-dark(#000,#fff);line-height:1.5;margin:0;background-size:cover;background-position:center 20%;background-attachment:fixed}header{background-color:#00488fe6;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}button{padding:15px 5px;background:none;color:#fff;border:none;font-size:2rem;margin-right:30px;cursor:pointer}button:hover{color:#00fff2}a{font-size:2rem;text-decoration:none}a:hover .fa-brands{color:#48f6fc}h1{color:#00f7ff}ul li{list-style:none;margin-bottom:10px}.nav-left button{display:inline-flex;align-items:center;gap:8px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s,color .3s}.nav-left button:hover{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 10px rgba(0,247,255,.8))}.syshack-link{width:fit-content;margin:20px 0;color:#fff;text-align:left}.syshack-thumb{width:300px;border-radius:8px;border:2px solid #00f7ff;transition:.3s}.syshack-link p{font-size:1.2rem;margin-top:10px;transition:.3s}.syshack-link:hover .syshack-thumb{transform:scale(1.1);box-shadow:0 0 15px #00f7ff}.syshack-link:hover p{color:#00fff2;text-shadow:0 0 10px #00fff2}.fa-brands{font-size:10rem;vertical-align:middle}.page{display:none;padding:50px;border:2px solid #000;background-color:#0252bbbf;border-radius:10px;max-width:700px;min-width:300px;margin:40px auto;position:relative;color:#fff}#works a{display:inline-block;margin:0 20px;color:#fff;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s,color .3s}#works a:hover{color:#00fff2;transform:translateY(-10px) scale(1.1);filter:drop-shadow(0 0 20px rgba(0,247,255,.8))}.language-icon{width:100px;margin:10px}.page.active{display:block}.profile-photo{position:absolute;left:-280px;top:50px;width:260px;height:260px;border:2px solid #000;border-radius:10px;object-fit:cover}.travel-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px}.travel-item{text-align:center}.image-frame{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:2px solid #00f7ff;transition:.4s ease}.image-frame img{width:100%;height:100%;object-fit:cover;display:block}.travel-item p{margin-top:10px;font-size:1rem;transition:.4s ease}.microspot-link{display:inline-block;text-align:left;color:#fff;margin-top:20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s,color .3s}.microspot-link img{width:50%;min-width:250px;border-radius:12px;border:2px solid #00f7ff;margin-bottom:10px}.microspot-link p{font-size:1.2rem;margin:0}.microspot-link:hover{color:#00fff2;transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 0 20px rgba(0,247,255,.8))}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}@media (min-width: 2600px){body{font-size:2.5rem}header{padding:60px 100px}button{font-size:3rem;margin-right:50px}.page{max-width:1300px;padding:100px;margin-top:100px;border-width:4px}.profile-photo{width:450px;height:450px;left:-550px;top:100px;border-width:4px}.fa-brands{font-size:15rem}}@media (max-width: 1400px){header{flex-direction:column;padding:20px}button{font-size:1.5rem}.page{max-width:90%;padding:60px 30px;margin:40px auto;min-height:auto}.profile-photo{position:static;display:block;margin:0 auto 30px;width:100%;max-width:400px;height:auto}}@media (max-width: 800px){header button,header a{display:flex;flex-direction:column;gap:4px;margin-right:0;padding:10px 5px}.btn-text{font-size:.75rem}.nav-left i{display:inline-block;font-size:2rem}.nav-left{display:flex;justify-content:space-around;width:100%}}