:root{font-family:Nunito Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px 0}.nav-content{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.logo img{height:32px;width:auto}.login-button{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:14px;padding:10px 20px;background-color:#e82a3a;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.login-button:hover{background-color:#c9242e;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}body{width:100vw;height:100vh;overflow:hidden;background:#fff;font-family:Nunito Sans,sans-serif;margin:0;padding:0}#app{width:100%;height:100vh;position:relative}.container{position:absolute;bottom:12vh;left:50%;transform:translate(-50%);width:90%;max-width:1275px;height:auto;aspect-ratio:1275 / 420;overflow:hidden;border-radius:20px}.main-title{position:absolute;top:20vh;left:50%;transform:translate(-50%);text-align:center;z-index:10;width:100%}.main-title h1{font-family:Nunito Sans,sans-serif;font-weight:800;font-size:68px;line-height:120%;letter-spacing:0px;text-align:center;color:#040000;margin:0}.main-title p{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:18px;line-height:140%;letter-spacing:0px;color:#040000;margin-top:16px}.cta-button{display:inline-flex;align-items:center;justify-content:center;color:#e82a3a;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:16px;gap:10px;width:146px;height:48px;background-color:#ff324320;border:none;border-radius:10px;cursor:pointer;margin-top:24px}.cta-button:hover{background-color:#e82a3a;color:#fff;transform:translateY(-1px)}.cta-button:active{transform:translateY(0)}.cta-button svg{color:#e82a3a;flex-shrink:0}.cta-button:hover svg{color:#fff}.sun{position:absolute;width:286px;height:auto;top:0;left:32px;z-index:0;pointer-events:none;opacity:.9}.mountain{position:absolute;width:256px;height:auto;top:32px;right:0;z-index:0;opacity:.9}.wave{position:absolute;width:115%;height:auto;left:-10%;bottom:0;pointer-events:none}.wave-1{z-index:1;bottom:0}.wave-2{z-index:2;bottom:0}.wave-3{z-index:3;bottom:0}.wave-4{z-index:4;bottom:0}@media (max-width: 1400px){.main-title h1{font-size:54px}}@media (max-width: 1200px){.main-title h1{font-size:48px}}@media (max-width: 900px){.main-title h1{font-size:42px}}@media (max-width: 768px){.top-nav{padding:24px 0}.nav-content{padding:0 16px}.logo img{height:28px}.login-button{padding:8px 16px;font-size:14px}.main-title{top:18vh;width:90%}.main-title h1{font-size:34px}.main-title p{font-size:16px}.cta-button{margin-top:20px}.container{bottom:8vh;width:calc(100% - 32px)}.sun{width:200px}.mountain{width:180px}}@media (max-width: 480px){.main-title{top:15vh}.main-title h1{font-size:28px}.container{bottom:1vh;width:calc(100% - 16px);border-radius:16px}.sun{width:150px}.mountain{width:130px}}.social-buttons-container{display:flex;justify-content:center;gap:16px;margin-top:64px}.social-button{width:40px;height:40px;border-radius:50%;border:none;background:#ff32432f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.social-button:hover{background:#e82a3a;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.social-button:active{transform:translateY(0)}.social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.social-icon svg{width:100%;height:100%;transition:fill .3s ease}.social-icon svg path{fill:#ff3242!important;transition:fill .3s ease}.social-button:hover .social-icon svg path{fill:#fff!important}.icon-fallback{width:20px;height:20px;border-radius:50%;background:#ff3242}
