@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=block";:root{--background-color:#fffefc;--primary-color:#f26363;--primary-color-light:#ff8686;--secondary-color:#e6c02a;--secondary-color-light:#f1da7a;--black:#000;--white:#fff;--grey:#aa9dde;--green:#69e89c;--blue:#67bee6;--gap1:.25rem;--gap2:.5rem;--gap3:.75rem;--gap4:1rem;--gap5:1.25rem;--gap6:1.5rem;--gap7:2rem;--gap8:2.5rem;--gap9:3rem;--gap10:4rem;--gap11:5rem;--gap12:6rem;--border-thin:2px solid var(--black);--border-normal:4px solid var(--black);--border-heavy:8px solid var(--black);--shadow-small-dark:4px 4px 0 0 var(--black);--shadow-medium-dark:8px 8px 0 0 var(--black);--shadow-large-dark:12px 12px 0 0 var(--black);--shadow-xlarge-dark:16px 16px 0 0 var(--black);--shadow-small-light:4px 4px 0 0 var(--white);--shadow-medium-light:8px 8px 0 0 var(--white);--shadow-large-light:12px 12px 0 0 var(--white);--shadow-xlarge-light:16px 16px 0 0 var(--white);--container:1180px;--font-family:"Space Grotesk", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}section{scroll-margin-top:7px}body{background-color:var(--background-color);color:var(--black);font-family:var(--font-family);font-size:var(--gap4);text-rendering:geometricprecision;margin:0 auto;font-weight:700;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#00000017 1px,#0000 1px),linear-gradient(#00000017 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background-color:var(--secondary-color);color:var(--black)}:focus-visible{outline:4px solid var(--black);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:.95}h1{font-size:clamp(3.4rem,6vw,7rem)}h2{font-size:clamp(2.4rem,6vw,5.4rem)}h3{font-size:clamp(1.4rem,3vw,2rem)}p{max-width:70ch}ul,ol{margin:0;padding:0}li{list-style:none}.subtitle{width:fit-content;padding:var(--gap2) var(--gap4);border:var(--border-normal);font-size:var(--gap3);text-transform:uppercase;background-color:var(--white);box-shadow:var(--shadow-small-dark);min-height:var(--gap8);align-items:center;line-height:1;display:inline-flex;transform:rotate(-1deg)}.btn{min-width:var(--gap9);min-height:var(--gap9);padding:var(--gap3) var(--gap5);min-height:var(--gap9);min-width:var(--gap9);padding:var(--gap4) var(--gap5);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-small-dark);font-size:var(--gap3);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;transition:all .12s linear;display:inline-flex}.btn:hover{box-shadow:var(--shadow-medium-dark);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn-large{min-height:var(--gap10);padding-inline:var(--gap5);font-size:clamp(var(--gap4), 2vw, var(--gap5))}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-color-light)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-color-light)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;transform:none}}body{place-content:center;gap:var(--gap4);min-height:100vh;padding-block:var(--gap8);grid-template-columns:minmax(0,min(100% - 28px,560px));display:grid;position:relative}body:after{content:"";aspect-ratio:1;border:var(--border-heavy);background:radial-gradient(var(--black) 2px, transparent 2.5px), var(--secondary-color);width:clamp(9rem,22vw,17rem);box-shadow:var(--shadow-large-dark);z-index:-1;background-size:20px 20px;border-radius:50%;position:fixed;bottom:clamp(-3rem,-4vw,-1rem);right:clamp(-3rem,-4vw,-1rem)}form{gap:var(--gap4);padding:clamp(var(--gap5), 5vw, var(--gap8));border:var(--border-heavy);background:linear-gradient(to right, #00000017 1px, transparent 1px), linear-gradient(to bottom, #00000017 1px, transparent 1px), var(--white);box-shadow:var(--shadow-xlarge-dark);background-size:34px 34px;margin-block:1rem;display:grid;position:relative}form:before{width:fit-content;max-width:100%;padding:var(--gap2) var(--gap4);border:var(--border-normal);background:var(--secondary-color);box-shadow:var(--shadow-small-dark);text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(1.5rem,6vw,3.4rem);font-weight:900;line-height:.9;display:block;transform:rotate(-2deg)}#loginForm:before{content:"Bejelentkezés"}#registerForm:before{content:"Regisztráció"}form:after{content:"Ne maradj le";top:calc(var(--gap5) * -1);right:calc(var(--gap3) * -1);padding:var(--gap2) var(--gap3);border:var(--border-normal);background:var(--primary-color);box-shadow:var(--shadow-small-dark);font-size:var(--gap3);text-transform:uppercase;letter-spacing:.14em;border-radius:999px;font-weight:900;line-height:1;position:absolute;transform:rotate(6deg)}input{width:100%;min-height:var(--gap10);padding:var(--gap4);border:var(--border-normal);background:var(--white);color:var(--black);box-shadow:var(--shadow-small-dark);font-size:clamp(var(--gap4), 2.6vw, var(--gap5));font-weight:700;transition:all .12s linear}input::placeholder{color:var(--black);opacity:.5}input:hover{box-shadow:var(--shadow-medium-dark);transform:translate(-2px,-2px)}input:focus-visible{background:var(--secondary-color-light);box-shadow:var(--shadow-medium-dark);outline:none}button,body>a{min-height:var(--gap10);justify-content:center;align-items:center;gap:var(--gap2);padding:var(--gap4) var(--gap5);border:var(--border-normal);background:var(--white);color:var(--black);box-shadow:var(--shadow-small-dark);cursor:pointer;font-size:var(--gap4);text-align:center;text-transform:uppercase;font-weight:900;line-height:1;transition:all .12s linear;display:inline-flex}button:hover,body>a:hover{box-shadow:var(--shadow-medium-dark);transform:translate(-2px,-2px)rotate(-1deg)}button:active,body>a:active{box-shadow:none;transform:translate(4px,4px)}#loginButton,#registerButton{background:var(--primary-color)}#loginButton:hover,#registerButton:hover{background:var(--primary-color-light)}#googleButton{background:var(--secondary-color)}.forgot-pass-button{background:var(--grey)}body>a{background:var(--green)}.form-password-requirements{gap:var(--gap2);padding:var(--gap4);border:var(--border-normal);background:var(--secondary-color-light);box-shadow:var(--shadow-small-dark);display:grid}.form-password-requirement{grid-template-columns:var(--gap5) 1fr;gap:var(--gap2);font-size:clamp(.95rem, 2vw, var(--gap4));align-items:start;line-height:1.25;display:grid}.form-password-requirement:before{content:"";width:var(--gap4);height:var(--gap4);border:var(--border-thin);background:var(--primary-color);box-shadow:2px 2px 0 0 var(--black);margin-top:.12rem}.forgot-pass-modal{gap:var(--gap4);width:min(100% - 32px,660px);padding:clamp(var(--gap5), 5vw, var(--gap8));border:var(--border-heavy);background:radial-gradient(var(--white) 1.5px, transparent 1.5px), var(--grey);box-shadow:var(--shadow-xlarge-dark);z-index:20;background-size:22px 22px;display:grid;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-1deg)}.forgot-pass-modal h2{padding-right:var(--gap8);text-transform:uppercase;color:var(--black);font-size:clamp(1.5rem,5vw,2.7rem)}.forgot-pass-modal button:not(.modal-close-button){background:var(--primary-color)}.modal-close-button,.message-close-button{min-width:var(--gap8);min-height:var(--gap8);width:var(--gap8);height:var(--gap8);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-small-dark);font-size:var(--gap5);padding:0;font-weight:900;line-height:1}.modal-close-button{top:var(--gap4);right:var(--gap4);background:var(--secondary-color);position:absolute}.error-message,.info-message{margin:0;display:none}.auth-message{right:var(--gap5);gap:var(--gap3);width:min(100% - 32px,480px);padding:var(--gap4);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-large-dark);z-index:30;grid-template-columns:1fr auto;align-items:start;display:none;position:fixed}.auth-message.is-visible{display:grid}.auth-message.is-visible .error-message,.auth-message.is-visible .info-message{display:block}.auth-message-error{top:var(--gap5);background:var(--primary-color)}.auth-message-info{bottom:var(--gap5);background:var(--green)}header{padding:var(--gap4);border-bottom:var(--border-normal);z-index:2;top:0;left:0;right:0}.header-back-button{padding:var(--gap2) var(--gap4);border:var(--border-normal);background:var(--secondary-color);color:var(--black);box-shadow:var(--shadow-small-dark);cursor:pointer;font-size:var(--gap5);justify-content:center;align-items:center;transition:all .12s linear;display:inline-flex}.header-back-button:hover{box-shadow:var(--shadow-medium-dark);transform:translate(-2px,-2px)}.header-back-button:active{box-shadow:none;transform:translate(4px,4px)}body{padding-top:calc(var(--gap10) + var(--gap8))}.auth-message p{max-width:none;font-size:var(--gap4);font-weight:900;line-height:1.25}.message-close-button{background:var(--white)}.hide{display:none!important}@media (max-width:680px){body{padding-block:var(--gap6);align-content:start}form{box-shadow:var(--shadow-medium-dark)}form:after{top:calc(var(--gap4) * -1);right:var(--gap2);font-size:.7rem}button,body>a{width:100%;min-height:var(--gap9)}.forgot-pass-modal,.auth-message{box-shadow:var(--shadow-medium-dark)}.auth-message{right:var(--gap3);width:calc(100% - var(--gap6))}.auth-message-error{top:var(--gap3)}.auth-message-info{bottom:var(--gap3)}}