*{margin:0;padding:0;box-sizing:border-box}body{background:#3e053e;color:#fff}.navbar{width:100%;padding:20px 6%;display:flex;justify-content:space-between;position:fixed;font-size:14px;color:#000;background-image:linear-gradient(180deg,rgba(0,0,0,.7)10%,transparent);z-index:1}.navbar-left{display:flex;align-items:center;gap:50px}.navbar-left img{width:150px}.navbar-right{display:flex;gap:20px;align-items:center}.navbar-right a{text-decoration:none;color:#fff;font-weight:500;font-family:Arial,sans-serif;font-size:18px;cursor:pointer}.navbar-right a:hover{color:#00f;transform:scale(1.05);transition:all .3s ease}.about{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif}.about-hero{background-color:#15182e;text-align:center;padding:40px 0;width:100%;color:#f0f8ff}.about-hero h1{font-size:2.5rem;margin-bottom:10px;color:#f0f8ff}.about-hero p{font-size:1.2rem;color:#f0f8ff}.about-content{max-width:800px;width:100%;margin-top:30px}.about-section{margin-bottom:40px}.about-section h2{font-size:1.8rem;color:#f0f8ff;margin-bottom:10px}.about-section p{font-size:1rem;line-height:1.6;color:#fff}.block{display:flex;justify-content:center;align-items:center;height:10vh;background-color:#15182e;position:fixed;bottom:0;left:0;width:100%;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;color:#f0f8ff;gap:8px}.footer-text{font-size:1.5em;font-weight:700}.footer-date,.footer-time{font-size:1em}