.header,.header-container{align-items:center;display:flex}.footer-custom,body{font-family:'Lexend Deca',sans-serif}.btn-create,.btn-login,.footer-col ul li a,.terms-text a{text-decoration:none}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-size:16px;background-color:#f8f7f5;line-height:1.5}.header{background-color:#000;color:#fff;padding:14px .75rem;min-height:3.25rem;position:fixed;top:0;left:0;right:0;z-index:30}.header-container{max-width:1344px;margin:0 auto;justify-content:space-between;width:100%;position:relative}.header-left{display:flex;align-items:center;gap:1.5rem}.logo{line-height:0}.logo img{max-width:8rem;width:8rem;height:auto}.hero-spacer,.nav-flag,.online-subtext{display:none}.online-indicator{height:12px;width:12px;background-color:#78b752;animation:2s ease-in-out 3 blink;-webkit-animation:2s ease-in-out 3 blink;border-radius:50%;display:inline-block}.header-right,.online-count{display:flex;align-items:center}.online-count{gap:.5rem;font-size:13px}.header-right{gap:1rem}.btn-login{font-size:.875rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.25rem .5rem;transition:color .3s}.btn-login:hover{color:#d1d5db}.btn-create{background-color:#eab308;color:#000;padding:.25rem 1rem;border-radius:.25rem;font-size:.875rem;border:none;cursor:pointer;display:none}.btn-create:hover{background-color:#facc15}.hero-section{background:linear-gradient(to bottom right,#facc15,#fb923c);position:relative;overflow:hidden;padding-top:57px}.hero-bg-image{display:none;position:absolute;bottom:0;left:0;width:50%;height:100%;background-image:url('https://assets.hookupfinder.co.za/st/img/huf-hero-img-min.png');background-size:cover;background-position:bottom;opacity:.9}.hero-container{max-width:1344px;margin:0 auto;position:relative;z-index:10}.hero-flag{width:4rem;position:absolute}.divider,.footer-section,.input-wrapper,.select-wrapper{position:relative}.hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 2rem}.mobile-image{width:100%;max-width:20rem;height:20rem}.mobile-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.5rem}.registration-card{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:1.5rem;width:100%;max-width:18rem}.registration-card h1{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.joined-count{font-size:.875rem;color:#4b5563;margin-bottom:1.5rem;text-align:center}.google-btn{cursor:pointer;width:100%;height:42px;background-color:#4285f4;border-radius:2px;box-shadow:0 3px 4px 0 rgba(0,0,0,.25);margin-bottom:18px;display:flex;align-items:center}.google-btn .google-icon-wrapper{position:absolute;margin-left:1px;width:40px;height:40px;border-radius:2px;background-color:#fff}.google-btn .google-icon{position:absolute;margin-top:11px;margin-left:11px;width:18px;height:18px}.google-btn .btn-text{float:left;margin-left:64px;color:#fff;font-size:14px;letter-spacing:.2px;font-family:Roboto,sans-serif}.divider{border-bottom:1px dashed #b5b5b5;margin-bottom:26px;margin-top:26px;text-align:center}.divider span{background-color:#fff;position:absolute;top:-18px;left:50%;transform:translate(-50%);-moz-transform:translate(-50%);-webkit-transform:translate(-50%);padding:8px;font-size:.75rem}.form-group{margin-bottom:22px}.form-label{font-size:14px;color:#555;margin-bottom:6px;display:block;font-weight:500}input,select{width:100%;padding:10px 0;border:none;border-bottom:1px solid #ddd;background:0 0;color:#333;outline:0;appearance:none}input::placeholder,select::placeholder{color:#bbb}select::-ms-expand{display:none}.select-wrapper::after{content:'▾';position:absolute;right:0;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}input:focus,select:focus{border-bottom-color:#444}.autocomplete,ul.autocomplete{border:1px solid #ddd;background:#fff;overflow-y:auto;list-style:none}.autocomplete{border-top:none;max-height:180px;margin:0;padding:0}.autocomplete li{padding:10px 12px;cursor:pointer}.autocomplete li:hover{background:#f5f5f5}ul.autocomplete{max-height:150px;margin-top:4px;padding:0}ul.autocomplete li{padding:8px;cursor:pointer}ul.autocomplete li:hover{background:#f0f0f0}.error-text{color:#d9534f;font-size:.875rem;margin-top:6px}.error-icon{position:absolute;right:0;top:12px;background:#d9534f;color:#fff;width:20px;height:20px;font-size:13px;border-radius:50%;display:flex;align-items:center;justify-content:center}.t-container{margin-top:15px;margin-bottom:15px;overflow-x:auto}.btn-submit{width:100%;background-color:#d74144;color:#fff;padding:.8rem 1rem;border-radius:.25rem;border:none;cursor:pointer}.btn-submit:hover{background-color:#dc2626}.terms-text{font-size:.75rem;color:#4b5563;line-height:1.6;margin-top:1rem}.terms-text a{color:#2563eb}.terms-text a:hover{text-decoration:underline}.info-box{display:flex;gap:.5rem}.info-icon{width:1rem;height:1rem;flex-shrink:0}.info-box p{font-size:.75rem;color:#374151;line-height:1.5;margin:0}.register-section{background-color:#f3f4f6;padding:3rem 1rem}.register-container{max-width:56rem;margin:0 auto;text-align:center}.register-container h2{font-size:1.875rem;margin-bottom:.75rem}.register-container p{color:#4b5563}.image-section{background-image:url('https://assets.hookupfinder.co.za/st/img/huf-bottom-banner-min.png');background-size:cover;background-repeat:repeat-x;height:0;width:100%;padding-top:30%}.footer-custom{background:#000;color:#dcdcdc;padding:55px 20px 30px;position:relative}.footer-container{max-width:1344px;margin:auto}.footer-top{display:flex;flex-wrap:wrap;gap:40px}.footer-col{flex:1 1 160px;min-width:160px}.footer-col h2{color:#fff;font-size:24px;margin-bottom:25px;margin-top:0}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin:8px 0}.footer-col ul li a{color:#cbcbcb;font-size:16px;opacity:.85}.footer-col ul li a:hover{opacity:1;text-decoration:none;color:#ffbb03}.footer-logo{margin-left:auto;display:none;align-items:flex-start}.footer-logo img{max-width:246px;width:100%}.footer-custom hr{border:0;border-bottom:1px solid #202020;margin:47px 0}.footer-legal{color:#dcdcdc;margin-bottom:40px}.footer-legal .legal-title{font-weight:700;color:#cbcbcb;margin-bottom:10px}.footer-legal ol{padding-left:18px;margin-top:10px}.footer-legal li{margin-bottom:15px;line-height:1.6;color:#a1a1a1}.footer-bottom{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;opacity:.9;color:#a1a1a1;padding-inline-start:0}.footer-bottom li{list-style:none}@media (min-width:375px){.registration-card{max-width:28rem}}@media (min-width:1024px){.header{padding:14px .75rem}.logo img{max-width:246px;width:246px}.online-count{margin-left:3rem;font-size:16px}.btn-create,.btn-login,.joined-count{font-size:1rem}.online-subtext{display:inline}.nav-flag{position:absolute;z-index:1;padding:0;right:28rem;max-width:10.7rem;display:block}.nav-flag img{height:auto;max-width:100%}.online-indicator{height:16px;width:16px}.btn-login{padding:.5rem 1rem}.btn-create{display:inline-block;padding:.8rem}.hero-section{padding-top:72px;background-image:url('https://assets.hookupfinder.co.za/st/static/huf-hero-banner-min.jpg');background-size:cover;background-position:0 3rem;background-attachment:fixed;transition:background-image 1s;visibility:visible;width:100%;opacity:1;background-repeat:no-repeat}.hero-flag,.mobile-image{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:600px}.hero-spacer{display:block}.hero-content{padding:2.25rem}.registration-card{padding:2rem;max-width:32rem}.info-box p{font-size:.875rem;line-height:1.5}.info-icon{width:1.25rem;height:1.25rem}.registration-card h1{font-size:1.875rem}.register-container h2{font-size:3.75rem}.register-container p{font-size:1.5rem}.divider{margin-bottom:32px;margin-top:32px}.divider span,.terms-text{font-size:.875rem}.btn-submit{padding:1rem;font-size:1rem}.image-section{padding-top:20%}.footer-logo{display:flex}.footer-col ul li{line-height:2}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}