*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;color:#333}.App{height:100vh;width:100vw;display:flex;flex-direction:column}.header{padding:1rem 50px;display:flex;justify-content:left}.logo{font-family:Montserrat,sans-serif;font-weight:700;font-size:25px;color:#b2b2b2;padding:10px 0;letter-spacing:2px;font-weight:400}@media (max-width: 768px){.header{padding:10px}.logo{padding:10px;font-size:20px}.container{padding:10px}}.hero{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Montserrat,sans-serif}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-description{text-align:left;padding:0 20px;font-size:1.2rem;color:#555;margin-bottom:1rem}.hero p{color:#777;font-size:1rem;margin-bottom:1rem}.hero-button{display:flex;align-items:center;gap:10px;background-color:#303030;color:#fff;padding:10px 20px;font-size:1.2rem;border:none;cursor:pointer;transition:background .3s ease-in-out}.hero-button:hover{background-color:#504f4f}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.popup-content{background:#fff;padding:20px;border-radius:8px;max-width:400px;width:100%;position:relative}.popup h2{font-size:2rem;color:#333;margin-bottom:1rem}.popup-group{display:flex;flex-direction:column;margin-bottom:.5rem;text-align:left}.popup-label{display:block;margin-bottom:.5rem;color:#333}.popup-input{width:100%;padding:10px;margin-bottom:1rem;border:1px solid #ccc}.popup-button{background-color:#303030;color:#fff;padding:10px 40px;border:none;cursor:pointer}.popup-button:hover{background-color:#504f4f}.popup-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.popup-message{padding:10px;font-size:14px}@media (max-width: 768px){.hero-content{width:100%;padding:10px;margin-top:-50px}.hero h1{font-size:25px}.popup{padding:0 20px}.popup-content{width:100%}}.footer{position:absolute;left:0;right:0;bottom:0;width:100%;padding:50px;display:flex;justify-content:space-between;align-items:center}.footer-content{padding:10px;display:flex;align-items:center;gap:1rem}.follow-content{border:1px solid}.footer-link{text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#131212}.footer-link:hover{color:coral}@media (max-width: 768px){.footer{flex-direction:column;justify-content:center;padding:30px;gap:10px}}