*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;width:100%;min-height:100vh;position:relative;overflow:hidden auto}.top-controls{z-index:1000;background-color:#fafafa;justify-content:space-between;align-items:flex-start;padding-top:20px;display:flex;position:fixed;top:0;left:20%;right:20%}#logo{color:#0000}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#484444;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background:#f7f4ef;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background:#b1b4b7}input:checked+.slider:before{transform:translate(26px)}body.dark-mode{color:#ededed;background-color:#101828;width:100%;min-height:100vh;position:relative;overflow:hidden auto}body.dark-mode .top-controls{background-color:#101828}.navbar{position:relative}.nav-container{justify-content:space-between;align-items:center;display:flex}.menu-dropdown{position:relative}.menu-toggle{width:52px;height:52px;color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.menu-toggle:hover{background:#00000012}.menu-toggle span{background:currentColor;border-radius:5px;width:24px;height:3px;transition:all .3s}.menu-toggle:hover span:nth-child(2){width:16px}.nav-menu{z-index:1000;opacity:0;visibility:hidden;background:#fafafa;border:2px solid #0000;border-radius:16px;flex-direction:column;min-width:200px;margin:0;padding:5px 0;list-style:none;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;transform:translateY(-10px)scale(.95)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-menu li a:hover{background:#0000000f}body.dark-mode .nav-menu{background:#101828}body.dark-mode .nav-menu li a{color:#f1f5f9}body.dark-mode .nav-menu li a:hover{background:#ffffff14}.menu-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-menu li{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-8px)}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:first-child{transition-delay:50ms}.nav-menu.active li:nth-child(2){transition-delay:.1s}.nav-menu.active li:nth-child(3){transition-delay:.15s}.nav-menu li a{color:#272d2d;padding:14px 18px;font-family:Rubik,sans-serif;font-size:18px;text-decoration:none;transition:background .2s,padding-left .2s;display:block}.nav-menu li a:hover{background:#0000000f;padding-left:24px}.dropbtn{color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:1px;padding:5px 10px;font-family:Rubik,sans-serif;font-size:20px;transition:all .25s;display:flex}.dropbtn:hover{background:#00000012}body.dark-mode .dropbtn:hover{background:#ffffff14}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:1000;opacity:0;visibility:hidden;background:#f5f1e6;border:2px solid #0000;border-radius:16px;flex-direction:column;min-width:160px;padding:0% 0;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-10px)scale(.95)}body.dark-mode .dropdown-content{background:#101828}.dropdown.open .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-content button{color:#272d2d;text-align:left;cursor:pointer;opacity:0;background:0 0;border:none;width:100%;padding:14px 18px;font-family:Rubik,sans-serif;font-size:18px;transition:background .2s,padding-left .2s,opacity .3s,transform .3s;transform:translateY(-8px)}body.dark-mode .dropdown-content button{color:#f1f5f9}.dropdown.open .dropdown-content button{opacity:1;transform:translateY(0)}.dropdown.open .dropdown-content button:first-child{transition-delay:50ms}.dropdown.open .dropdown-content button:nth-child(2){transition-delay:.1s}.dropdown.open .dropdown-content button:nth-child(3){transition-delay:.15s}.dropdown.open .dropdown-content button:nth-child(4){transition-delay:.2s}.dropdown.open .dropdown-content button:nth-child(5){transition-delay:.25s}.dropdown-content button:hover{background:#0000000f;padding-left:24px}body.dark-mode .dropdown-content button:hover{background:#ffffff14}::selection{color:#1c2632;background-color:#38bdf8}.dark-mode::selection{color:#272d2d;background-color:#38bdf8}#namebox{position:absolute;top:80px;left:25%;right:25%}#scrollText{opacity:0;pointer-events:none;transform:translateY(-10px)}.hero{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;min-height:100vh;display:flex;overflow:visible}#title{color:inherit;text-align:center;margin:0;padding:.1em 0 15px;font-family:Inter Tight,sans-serif;font-size:150px;font-weight:800;line-height:1.15;overflow:visible}#subtitle{color:inherit;text-align:center;margin-top:5px;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;overflow:hidden}#app{width:50%;height:550px;position:relative;overflow:hidden;transform:translateY(-100px)}#abouttitle{color:#00a862;white-space:pre-line;margin:0;font-family:Raleway,sans-serif;font-size:50px;font-weight:800;line-height:1;overflow:hidden}.dark-mode #abouttitle{color:#feb161}#abouttext{color:inherit;white-space:pre-line;text-align:justify;margin-top:30px;font-family:Rubik,sans-serif;font-size:20px;font-weight:350;line-height:1.2;overflow:hidden}.content-section{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.about-content{flex:1;max-width:650px}.australia-svg{flex-shrink:0;width:350px;height:350px}#contact{box-sizing:border-box;width:100%;display:block}#contactTitle{color:#00a862;white-space:pre-line;margin:30px 0 50px;font-family:Raleway,sans-serif;font-size:50px;font-weight:800;line-height:1;overflow:hidden}.dark-mode #contactTitle{color:#feb161}.contact-content{box-sizing:border-box;grid-template-columns:35% 65%;gap:60px;width:100%;display:grid}#contactText{color:inherit;white-space:pre-line;text-align:justify;margin-top:30px;font-family:Rubik,sans-serif;font-size:20px;font-weight:350;line-height:1.2;overflow:hidden}.contact-form{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.contact-form input,.contact-form textarea{width:100%;box-sizing:Ro;color:#757575;background:#d9d9d9;border:none;border-radius:8px;outline:none;font-family:Roboto,sans-serif;font-size:16px}.contact-form input{height:40px;padding:0 13px;font-family:Roboto,sans-serif}.contact-form textarea{resize:vertical;min-height:150px;padding:15px 13px;font-family:Roboto,sans-serif}body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{color:#fff;background:#202c40}.contact-form button{color:#101828;cursor:pointer;background:#ffad5c;border:none;border-radius:8px;width:100%;height:55px;font-family:Roboto,sans-serif;font-size:18px;font-weight:800}button:hover{background-color:#38bdf8}.footer{width:100%;color:inherit;text-align:center;box-sizing:border-box;background:0 0;padding:30px 20px;font-family:Roboto,sans-serif;font-size:20px}@media (width<=800px){.top-controls{padding-top:15px;left:5%;right:5%}#namebox{width:88%;left:6%;right:6%}.hero{gap:20px;min-height:100vh;padding:0 20px}#title{padding:10px 0;font-size:65px;line-height:1.05}#subtitle{font-size:20px}#app{width:90%;height:400px;transform:translateY(-40px)}#about{box-sizing:border-box;width:100%}.content-section{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:20px;width:100%;padding:0 20px}.about-content{width:100%;max-width:none}#abouttitle{font-size:40px}#abouttext{text-align:left;width:100%;max-width:none;font-size:17px}.australia-svg{width:220px;height:220px}.contact-content{flex-direction:column;gap:20px;display:flex}#contactTitle{height:auto;margin:0;padding:0}#contactText{text-align:left;order:1;width:100%;font-size:17px}#contact-form{order:2}.contact-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}}