body{font-family:sans-serif}*,body{margin:0;padding:0}*{box-sizing:border-box}body{background:linear-gradient(135deg,#1c2331,#2e3b50);color:#ecf0f1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden}.app-container,body{align-items:center;display:flex}.app-container{flex-direction:column;max-width:1200px;padding:20px;position:relative;width:100%;z-index:1}.app-container:before{animation:move 15s infinite alternate;background:var(--platforms-bg-image) center/cover no-repeat,radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.411),#0000 70%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.082),#0000 70%);content:"";inset:0;opacity:.3;position:absolute;z-index:0}.landing-header{margin-bottom:30px;text-align:center;z-index:1}.landing-header h1{font-size:3.5rem;font-weight:700;margin-bottom:10px}.landing-header p{font-size:1.4rem;opacity:.8}.projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,400px);justify-items:center;width:100%;z-index:1}.project-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;box-shadow:0 8px 25px #0000004d;color:#ecf0f1;cursor:pointer;display:flex;height:150px;justify-content:center;max-width:400px;overflow:hidden;position:relative;text-align:center;width:100%}.project-card,.project-card:before{border-radius:15px;transition:all .3s ease}.project-card:before{background:var(--bg-image) center/cover no-repeat;content:"";inset:0;opacity:.4;position:absolute;z-index:0}.project-card:hover{background:#ffffff1f;box-shadow:0 15px 35px #00000080;transform:translateY(-10px) scale(1.05)}.project-card span{font-size:1.3rem;font-weight:700;letter-spacing:.5px;position:relative;z-index:1}.info-button{position:absolute;right:8px;top:8px;z-index:10}@media (max-width:1024px){.landing-header h1{font-size:2.8rem}.landing-header p{font-size:1.2rem}.project-card{height:140px}.projects-container{gap:20px}}@media (max-width:650px){.projects-container{gap:20px;grid-template-columns:1fr}.project-card{height:auto;padding:30px 15px}.landing-header h1{font-size:1.8rem}.landing-header p{font-size:.95rem}.project-card span{font-size:1.1rem}}