body{margin:0;font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);color:#fff;overflow-x:auto;min-height:100vh;background-attachment:fixed}header{background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.2);position:sticky;top:0;z-index:10}header,header .logo{display:flex;align-items:center}header .logo{gap:10px}header .logo img{height:40px;width:auto;object-fit:contain}header nav{display:flex;gap:15px}header button.nav{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;transition:transform .2s ease,background .3s ease;cursor:pointer}header button.nav:hover{background:linear-gradient(135deg,#ff758c,#fbc2eb);transform:scale(1.05)}@media (max-width:768px){header nav{gap:10px}header .logo img{height:30px}}body:before{content:"";z-index:-1;opacity:.9}.overlay,body:before{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay{background:rgba(0,0,0,.4);z-index:0}.content{position:relative;z-index:1;text-align:center;padding-top:50px}h2{font-size:clamp(2.5rem,5vw,3rem);text-shadow:0 4px 6px rgba(0,0,0,.4);animation:fadeIn 1.5s ease-in-out;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button.nav,button.start{margin-top:20px;padding:12px 24px;font-size:16px;border-radius:30px;background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#fff;border:none;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:transform .2s ease,background .3s ease;cursor:pointer}button.nav:hover,button.start:hover{background:linear-gradient(135deg,#ff758c,#fbc2eb);transform:scale(1.1)}@media (max-width:768px){button.nav,button.start{padding:10px 20px;font-size:14px}body{font-size:14px}h2{font-size:2rem}header nav{flex-direction:column;gap:10px}header button.nav{padding:6px 12px}}