:root{--w-main: clamp(0px, 1200px, 90vw);--m-main: clamp(0px, 1100px, 90vw);--s-main: clamp(5vw, calc(50vw - 600px), 100vw);--s-min: min(5vw, 3rem);--h-main: calc(100vh - 50px);--font-size-biggest: 4rem;--font-size-hero: 1.8rem;--font-size-h1: 1.6rem;--font-size-base: 1rem;--font-size-smaller: 1rem;--btn-padding: 25px 50px}@media (max-width: 768px){:root{--font-size-biggest: 1.8rem;--font-size-hero: 1.6rem;--font-size-h1: 1.4rem;--font-size-base: 1.2rem;--font-size-smaller: 1rem;--btn-padding: 15px 30px}}@use '_base';.header{position:sticky;top:0;z-index:1000;background-color:#fff}.header_container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;height:70px}@media (max-width: 768px){.header_container{justify-content:flex-end}}.header_nav{display:flex;align-items:center}@media (max-width: 768px){.header_nav{display:none}}.header_nav-list{display:flex;list-style:none;font-family:"Kosugi Maru", sans-serif;margin:0;padding:0;gap:30px}.header_nav-item{position:relative}.header_nav-link{display:block;padding:10px 0;color:#000;text-decoration:none;font-weight:500;font-size:var(--font-size-base);transition:color 0.3s ease;position:relative}.header_nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#ffe200;transition:width 0.3s ease}.header_nav-link:hover::after{width:100%}.header_hamburger{display:none;position:relative;width:48px;height:48px;border:none;background:transparent;cursor:pointer;z-index:1001}@media (max-width: 768px){.header_hamburger{display:block}}.header_hamburger_line{position:absolute;left:11px;width:26px;height:2px;background-color:#000;transition:all 0.6s}.header_hamburger_line:nth-of-type(1){top:14px}.header_hamburger_line:nth-of-type(2){top:23px}.header_hamburger_line:nth-of-type(3){top:32px}.header_hamburger.active .header_hamburger_line{background-color:#fff}.header_hamburger.active .header_hamburger_line:nth-of-type(1){transform:translateY(9px) rotate(-45deg)}.header_hamburger.active .header_hamburger_line:nth-of-type(2){opacity:0}.header_hamburger.active .header_hamburger_line:nth-of-type(3){transform:translateY(-9px) rotate(45deg)}.header_nav_overlay{display:none}@media (max-width: 768px){.header_nav_overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#4d4d4d;visibility:hidden;opacity:0;transition:all 0.6s;z-index:1000}.header_nav_overlay.active{visibility:visible;opacity:1}.header_nav_overlay_content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.header_nav_overlay_list{margin:0;padding:0;list-style:none}.header_nav_overlay_item{opacity:0;transform:translateY(20px);transition:all 0.6s}.header_nav_overlay_item:nth-child(1){transition-delay:0.1s}.header_nav_overlay_item:nth-child(2){transition-delay:0.2s}.header_nav_overlay_item:nth-child(3){transition-delay:0.3s}.header_nav_overlay_item:nth-child(4){transition-delay:0.4s}.header_nav_overlay_item:nth-child(5){transition-delay:0.5s}.header_nav_overlay.active .header_nav_overlay_item{opacity:1;transform:translateY(0)}.header_nav_overlay_link{display:inline-block;padding:20px;color:#fff;font-size:24px;font-family:"Kosugi Maru", sans-serif;font-weight:500;text-decoration:none;transition:color 0.3s}.header_nav_overlay_link:hover{color:#ffe200}}.main{background-color:#f5f1ef;min-height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.box-wrapper{display:flex;align-items:center;justify-content:center}.box-wrapper .signin-box{border-radius:20px;padding:60px 50px;width:600px;text-align:center;transform:none;position:static;top:auto}@media (max-width: 768px){.box-wrapper .signin-box{width:100%}}.box-wrapper .signin-box .heading-wrapper{margin-bottom:40px}.box-wrapper .signin-box .heading-wrapper .heading{font-size:1.8rem;font-weight:500;color:#000;font-family:"Kosugi Maru",sans-serif}.box-wrapper .signin-box .hr{display:none}.box-wrapper .signin-box .form{padding:0}.box-wrapper .signin-box .form .form-group{margin-bottom:25px;display:block;text-align:left;width:100%;padding-bottom:0}.box-wrapper .signin-box .form .form-group .form-label{display:none}.box-wrapper .signin-box .form .form-group input[type="email"],.box-wrapper .signin-box .form .form-group input[type="password"]{width:100%;padding:25px 30px;border-radius:15px;font-size:var(--font-size-base);background:#fff;transition:all 0.3s;outline:none;height:auto;box-shadow:none;font-family:"Kosugi Maru",sans-serif}.box-wrapper .signin-box .form .form-group input[type="email"]::placeholder,.box-wrapper .signin-box .form .form-group input[type="password"]::placeholder{color:#4d4d4d;font-weight:400}.box-wrapper .signin-box .form .form-group input[type="email"]:focus,.box-wrapper .signin-box .form .form-group input[type="password"]:focus{border-color:#ffe200;background:#fff;box-shadow:0 0 0 3px rgba(255,226,0,0.2)}.box-wrapper .signin-box .form .button-wrapper{padding:30px 0 0;margin-top:20px}.box-wrapper .signin-box .form .button-wrapper .button{width:70%;padding:25px 50px;background:#ffe200;color:#000;border:none;border-radius:19px;font-size:1rem;font-weight:500;font-family:"Kosugi Maru",sans-serif;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 15px rgba(255,226,0,0.3)}@media (max-width: 768px){.box-wrapper .signin-box .form .button-wrapper .button{width:100%}}.box-wrapper .signin-box .form .button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,226,0,0.4);background:#ffe51a}.box-wrapper .signin-box .form .button-wrapper .button:active{transform:translateY(0)}.box-wrapper .signin-box .form-bottom,.box-wrapper .signin-box div:last-child{margin-top:25px;text-align:center;width:100%}@media (max-width: 768px){.box-wrapper .signin-box .form-bottom,.box-wrapper .signin-box div:last-child{width:80%;margin:25px auto}}.box-wrapper .signin-box .form-bottom .sub-text,.box-wrapper .signin-box div:last-child .sub-text{font-size:var(--font-size-smaller);color:#4d4d4d;margin-bottom:8px;font-family:"Kosugi Maru",sans-serif}.box-wrapper .signin-box .form-bottom .sub-text.mb-10,.box-wrapper .signin-box div:last-child .sub-text.mb-10{margin-bottom:8px}.box-wrapper .signin-box .form-bottom .sub-text .link,.box-wrapper .signin-box div:last-child .sub-text .link{color:#000;text-decoration:underline;font-weight:500;padding-left:5px}.box-wrapper .signin-box .form-bottom .sub-text .link:hover,.box-wrapper .signin-box div:last-child .sub-text .link:hover{color:#ffe200}.forgot-password-link{display:block;text-align:center;color:#4d4d4d;text-decoration:none;font-size:1rem;font-size:var(--font-size-base);margin:20px 0 10px 0;transition:all 0.3s;font-family:"Kosugi Maru",sans-serif}.forgot-password-link:hover{color:#000;text-decoration:underline}.error-message{color:#c1142d;font-size:.8rem;margin-top:5px;text-align:left;font-family:"Kosugi Maru",sans-serif}.form-group .error-message{margin-top:8px;padding-left:5px}.loading-button-js{position:relative}.loading-button-js.loading{pointer-events:none;opacity:0.7}.loading-button-js.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.signup-apply-wrapper .signup-box{width:800px}.signup-apply-wrapper .signup-box .heading-wrapper{text-align:center}.signup-apply-wrapper .signup-box .heading-wrapper h2{font-size:2rem;font-weight:600}.signup-apply-wrapper .signup-box .form .form-section .form-group{display:grid;margin:3rem 0}.signup-apply-wrapper .signup-box .form .form-section .form-group label{font-size:1.2rem;font-weight:600;padding-bottom:0.5rem}.signup-apply-wrapper .signup-box .form .form-section .form-group input,.signup-apply-wrapper .signup-box .form .form-section .form-group select,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea{border:1px solid #fc703b;background-color:#fff;padding:0.7rem 1rem;margin-left:1.2rem;width:calc(100% - 1.2rem)}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form{position:relative}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:after{content:"";position:absolute;right:16px;top:45%;width:14px;height:14px;border-radius:2px;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-50%) rotate(45deg);z-index:10}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:before{content:"";position:absolute;right:8px;top:50%;width:30px;height:30px;background-color:#fc703b;transform:translateY(-50%);border-radius:50px;z-index:5}.signup-apply-wrapper .signup-box .form .form-section .form-group .password-msg{font-size:1rem;padding-left:0.5rem}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group input{margin-left:0;width:100%}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group input#id_postcode{width:40%}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item{margin-bottom:5px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input{border-radius:50px;padding:0;width:22px;height:22px;position:relative;margin-bottom:5px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input:after{content:"";position:absolute;display:none;right:1px;top:-3px;width:13px;height:20px;border:solid #fc703b;border-width:0 5px 5px 0;transform:rotate(45deg);border-radius:3px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input:checked:after{display:block}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-payment-method{width:30%}.signup-apply-wrapper .signup-box .form .form-section .form-group-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.signup-apply-wrapper .signup-box .form .form-section .form-group-wrapper .form-group{margin:0}.signup-apply-wrapper .signup-box .form .button-wrapper{text-align:center;width:500px;background-color:#fc703b;border-radius:50px;padding:1.2rem 0;margin:5rem auto;font-weight:600;font-size:1.2rem}.signup-apply-wrapper .signup-box .account-login-wrapper{text-align:right}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){.main{padding:30px 15px}.box-wrapper .signin-box{padding:40px 0px;max-width:100%}.box-wrapper .signin-box .heading-wrapper .heading{font-size:var(--font-size-hero);margin-bottom:30px}.box-wrapper .signin-box .form .button-wrapper .button{padding:var(--btn-padding)}.signup-apply-wrapper .signup-box .form .form-section .form-group input,.signup-apply-wrapper .signup-box .form .form-section .form-group select,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea{font-size:1.6rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-payment-method{width:50%}}