*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0a192f,#1e2a3a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}img{max-width:100%;height:auto;display:block}nav{background:rgba(30,42,58,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#64ffda,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{background:#64ffda;color:#0a192f;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:2rem;transition:transform .2s}button:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-left{animation:slideInLeft .6s ease-out}.slide-right{animation:slideInRight .6s ease-out}.scale-up{animation:scaleUp .5s ease-out}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.3)}@media (max-width:768px){nav{flex-direction:column;text-align:center}.container,nav{padding:1rem}h1{font-size:1.8rem}nav a{font-size:14px}}