.header{padding:1.5rem 2rem;background-color:var(--white);border-bottom:1px solid var(--line-grey);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.header .menu-ul{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.header .menu-ul li{padding:0 1rem}.header .menu-ul li a{color:var(--text-grey);font-weight:500;text-decoration:none;transition:color 0.2s ease}.header .menu-ul li a:hover{color:var(--primary)}.header .menu-ul li a.button{background-color:var(--primary);color:var(--white);padding:0.8rem 1.6rem;border-radius:6px;font-weight:600;transition:all 0.2s ease}.header .menu-ul li a.button:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,141,173,0.25)}.header .menu-ul li a.error-text{color:var(--error)}.header .menu-ul li a.error-text:hover{color:var(--red)}.box-wrapper{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);min-height:calc(100vh - 47px);padding:2rem 0;display:flex;align-items:center}.box-wrapper .small-box{padding:4rem 3rem !important}.box-wrapper .small-box .heading-wrapper{margin-bottom:2rem}.box-wrapper .box{width:420px;max-width:90%;margin:0 auto;text-align:center;padding:3rem 2.5rem;background-color:var(--white);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,0.8);backdrop-filter:blur(10px);position:relative}.box-wrapper .box .heading-wrapper{margin-bottom:1.5rem}.box-wrapper .box .heading-wrapper h2{font-size:2.2rem;font-weight:600;letter-spacing:-0.01em;color:var(--primary-black);margin-bottom:0.5rem}.box-wrapper .box .heading-wrapper .sub-heading{color:var(--text-grey);font-size:1.4rem;font-weight:400}.box-wrapper .box .hr{width:60px;height:2px;background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border:none;margin:0 auto 2.5rem;border-radius:1px}.box-wrapper .box form{gap:0;padding:0rem 0 0}.box-wrapper .box form .form-group{padding-bottom:1.5rem;text-align:left;margin:0 auto;width:85%}.box-wrapper .box form .form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--primary-black);font-size:1.3rem;letter-spacing:0.01em}.box-wrapper .box form .form-group input[type="text"],.box-wrapper .box form .form-group input[type="email"],.box-wrapper .box form .form-group input[type="password"]{width:100%;height:auto;padding:1.2rem 1.5rem;font-size:1.4rem;border:2px solid var(--light-grey);border-radius:8px;background-color:var(--white);transition:all 0.3s ease;font-weight:400;color:var(--black)}.box-wrapper .box form .form-group input[type="text"]:focus,.box-wrapper .box form .form-group input[type="email"]:focus,.box-wrapper .box form .form-group input[type="password"]:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,141,173,0.1);outline:none}.box-wrapper .box form .form-group input[type="text"]::placeholder,.box-wrapper .box form .form-group input[type="email"]::placeholder,.box-wrapper .box form .form-group input[type="password"]::placeholder{color:var(--text-grey);opacity:0.7}.box-wrapper .box form .form-group .form-error{color:var(--error);font-size:1.2rem;margin-top:0.5rem;font-weight:500}.box-wrapper .box form ul.errorlist{list-style:none;padding:0;margin:0.5rem 0 0 0}.box-wrapper .box form ul.errorlist li{color:var(--error);font-size:1.2rem;font-weight:500;padding:0.5rem 0;display:flex;align-items:flex-start;gap:0.5rem}.box-wrapper .box form ul.errorlist li::before{font-size:1.2rem}.box-wrapper .box form .error-text{display:block;color:var(--error);font-size:1.2rem;font-weight:500;margin-top:0.5rem;line-height:1.4}.box-wrapper .box form .form-group.has-error input[type="password"]{border-color:var(--error) !important;box-shadow:0 0 0 3px rgba(202,58,58,0.1) !important}.box-wrapper .box form .form-group.has-error input[type="password"]:focus{box-shadow:0 0 0 3px rgba(202,58,58,0.15) !important}.box-wrapper .box form .one-checkbox-wrapper{display:flex;align-items:flex-start;padding:1.5rem 0;width:85%;margin:0 auto}.box-wrapper .box form .one-checkbox-wrapper input[type="checkbox"]{margin-right:1rem;margin-top:0.2rem;width:16px;height:16px;accent-color:var(--primary)}.box-wrapper .box form .one-checkbox-wrapper label{padding:0;letter-spacing:0.01em;font-size:1.3rem;line-height:1.5;font-weight:400;color:var(--text-grey);margin-bottom:0}.box-wrapper .box form .one-checkbox-wrapper label a{color:var(--primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.box-wrapper .box form .one-checkbox-wrapper label a:hover{border-bottom-color:var(--primary)}.box-wrapper .box form .button-wrapper{padding:2rem 0 1rem;width:85%;margin:0 auto}.box-wrapper .box form .button-wrapper .button{width:100%;padding:1.4rem 2rem;border-radius:8px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:var(--white);font-weight:600;font-size:1.5rem;border:none;cursor:pointer;transition:all 0.3s ease;letter-spacing:0.01em;line-height:1.5}.box-wrapper .box form .button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(14,141,173,0.3)}.box-wrapper .box form .button-wrapper .button:active{transform:translateY(0)}.box-wrapper .box .form-bottom{text-align:center;width:85%;margin:1.5rem auto 0;font-size:1.3rem}.box-wrapper .box .form-bottom p{padding-bottom:0.5rem;color:var(--text-grey);font-weight:400}.box-wrapper .box .form-bottom .link{color:var(--primary);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.box-wrapper .box .form-bottom .link:hover{border-bottom-color:var(--primary)}.box-wrapper .signup-box{width:480px;padding:3.5rem 2.5rem}.box-wrapper .signup-box form .form-group{display:flex;flex-direction:column;align-items:flex-start}.box-wrapper .signup-box form .button-wrapper{padding-top:1rem !important}.box-wrapper .signin-box .heading-wrapper h2{color:var(--primary-black)}@media (max-width: 768px){.header{padding:1rem}.header .menu-ul{flex-wrap:wrap;gap:0.5rem}.header .menu-ul li{padding:0 0.5rem}.box-wrapper{padding:1rem 0}.box-wrapper .box{width:95%;padding:2.5rem 2rem;margin:1rem auto}.box-wrapper .box form .form-group{width:100%}.box-wrapper .box form .one-checkbox-wrapper{width:100%}.box-wrapper .box form .button-wrapper{width:100%}.box-wrapper .box .form-bottom{width:100%}.box-wrapper .signup-box{width:95%}.box-wrapper .signup-box form .form-group:nth-child(1),.box-wrapper .signup-box form .form-group:nth-child(2){display:block;width:100%;margin:0}}