@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono:wght@400;700&display=swap";:root{--bg-color: #0B192F;--text-color: #F2F2F2;--accent-color: #64FFDA;font-family:Inter,sans-serif,Roboto Mono}html{scroll-behavior:smooth;font-size:16px}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;width:100%;position:sticky;top:0;background-color:#0b192f;z-index:10}.navbar .logo{display:flex;align-items:center;margin-top:-1.5rem}.navbar .logo img{width:10rem;height:auto;margin:0}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-links li a{font-family:Inter,sans-serif;font-size:1rem;font-weight:350;color:var(--text-color);text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:var(--accent-color)}.hero-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:1.25rem;background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box;font-family:Inter,sans-serif}.hero-content{margin-top:-12rem;margin-left:12rem;max-width:50rem;text-align:left}.hero-content h1.typewriter{font-family:Roboto Mono,monospace;font-size:7rem;color:#64ffda;margin-bottom:-1rem;display:inline-block;white-space:nowrap;overflow:hidden;letter-spacing:0;width:14ch;animation:typing 2.5s steps(14,end) forwards}@keyframes typing{0%{width:0}to{width:14ch}}.hero-content h2{font-size:3.5rem;margin-bottom:1rem;color:#f2f2f2}.hero-content p{font-size:2rem;font-weight:300;line-height:1.7;margin-bottom:1rem;max-width:43.75rem}.scroll-down{display:flex;justify-content:center;align-items:center;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-capsule{width:2.8125rem;height:4.375rem;border:.125rem solid #64FFDA;border-radius:3.125rem;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.scroll-dot{width:.625rem;height:.625rem;background-color:#64ffda;border-radius:50%;margin-top:.625rem;animation:scroll-down 2s infinite}@keyframes scroll-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(2.5rem);opacity:0}}.scroll-to-top{position:fixed;bottom:1.25rem;right:1.25rem;width:3.125rem;height:3.125rem;background-color:#72efdd;color:#0e1120;font-size:1.5rem;border:none;border-radius:50%;box-shadow:0 .25rem .375rem #0003;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:#50c7b3}@media (max-width: 768px){html{font-size:13px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.25rem;line-height:1.75rem}}@media (max-width: 480px){html{font-size:12px}.navbar .logo img{width:60px;margin-top:10px}.nav-links{display:none}.hero-container{min-height:calc(100vh - 65px);justify-content:center;align-items:center;text-align:center;padding:20px}.hero-content{margin-top:0;margin-left:0;padding:0 10px}.hero-content h1.typewriter{font-size:1.6rem;width:12ch}.hero-content h2{font-size:1.1rem}.hero-content p{font-size:.9rem;line-height:1.4;max-width:90%}.scroll-down{bottom:15px;width:30px;height:50px}.scroll-capsule{width:30px;height:50px;border-width:1.5px}.scroll-dot{width:6px;height:6px;margin-top:8px}}