@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nanum Gothic,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}#protected-content-wrapper{display:none}.main-container{width:100%;max-width:100%;padding:0 10px;box-sizing:border-box;margin:25px auto}body{display:block;margin-top:125px;margin-bottom:125px;min-height:100vh;background:url(Vakaroria_Banner.png) no-repeat;background-size:cover;background-position:center}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:flex-start;z-index:99}.logo{padding-right:6px;padding-left:3px;background:transparent;border:5px solid #6dcaff;border-style:groove;border-radius:6px;box-shadow:0 0 15px #00ffc8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:48px;color:#56ff67;-webkit-user-select:none;user-select:none}.navigation a{position:static;font-size:1.1em;color:#56ff67;text-decoration:none;font-weight:500;margin:5px 10px;padding:3px 5px 4px;background:transparent;border:2.5px solid #6dcaff;border-style:groove;border-radius:3px;box-shadow:0 0 10px #00ffc8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navigation a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:transparent;border:2.5px solid #b463ff;border-style:groove;border-radius:3px;box-shadow:0 0 10px #56ff67;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:right;transform:scaleX(0);transition:transform .5s}.navigation a:hover:after{transform-origin:left;transform:scaleX(1)}.nav-links{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:600px){.nav-links{flex-direction:column;align-items:stretch;padding:0}.nav-links a{display:block;text-align:center;margin-bottom:5px}}@media(min-width:1000px){.main-container{max-width:calc(100% - 250px);margin:0 auto}}@media(max-width:999px){.main-container{max-width:calc(100% - 40px);margin:0 20px}}.navigation .btnLogin-popup{width:130px;height:50px;background:#00028a;border:2px solid #7a7dff;border-style:groove;outline:none;border-radius:6px;cursor:pointer;font-size:1.1em;color:#00ffc8;font-weight:500;margin-left:20px;transition:.5s}.navigation .btnLogin-popup:hover{border:2px solid #7a7dff;border-style:groove;background:#020e4f;color:#6dcaff}.wrapper{position:absolute;left:50%;top:140px;width:auto;max-width:400px;height:440px;background:transparent;border:4px solid #7a7dff;border-style:groove;border-radius:4px;box-shadow:0 0 10px #b463ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;overflow:hidden;transform:translate(-50%) scale(0);transition:transform .5s ease,height .2s ease;z-index:100}.wrapper.active-popup{transform:translate(-50%) scale(1)}.wrapper.active{height:520px}.wrapper .form-box{width:100%;padding:40px}.wrapper .form-box.login{transition:transform .18s ease;transform:translate(0)}.wrapper.active .form-box.login{transition:none;transform:translate(-400px)}.wrapper .form-box.register{position:absolute;transition:none;transform:translate(400px)}.wrapper.active .form-box.register{transition:transform .18s ease;transform:translate(0)}.wrapper .icon-close{position:absolute;top:0;right:0;width:45px;height:45px;background:#020e4f;font-size:2em;color:#00ffc8;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:20px;cursor:pointer;z-index:1}.wrapper .icon-close:hover{border:#00ffc8;background:#020e4f;color:#6dcaff}.form-box h2{font-size:2em;color:#56ff67;text-align:center}.input-box{position:relative;width:100%;height:50px;border-bottom:2px solid #7a7dff;margin:30px 0}.input-box label{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:1em;color:#6dcaff;font-weight:500;pointer-events:none;transition:.5s}.input-box input:focus~label,.input-box input:valid~label{top:-5px}.input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:1em;color:#6dcaff;font-weight:600;padding:0 35px 0 5px}.input-box .icon{position:absolute;right:8px;font-size:1.2em;color:#6dcaff;line-height:57px}.remember-forgot{font-size:.9em;color:#6dcaff;font-weight:500;margin:-15px 0 15px;display:flex;justify-content:space-between}.remember-forgot label input{accent-color:#6dcaff;margin-right:3px}.remember-forgot a{color:#6dcaff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.btn{width:100%;height:45px;background:#020e4f;border:none;outline:none;border-radius:6px;cursor:pointer;font-size:1em;color:#6dcaff;font-weight:500}.login-register{font-size:.9em;color:#6dcaff;text-align:center;font-weight:500;margin:25px 0 10px}.login-register p a{color:#6dcaff;text-decoration:none;font-weight:600}.login-register p a:hover{text-decoration:underline}.content{position:relative;width:100%;max-width:100%;height:auto;padding:0 15px 5px;margin:0 auto;overflow:hidden;background:#00028a;border:4px solid #7a7dff;border-style:groove;border-radius:10px;box-shadow:0 0 10px #b463ff}.content h3{text-align:center;line-height:25px;margin-top:25px;margin-bottom:25px;font-size:24px;font-weight:bolder;color:#00ffc8}p{padding:0 15px 15px;margin:5px;font-family:Nanum Gothic,sans-serif;font-weight:400;font-style:normal;font-size:16px;background:#020e4f;border:2px solid #7a7dff;border-style:groove;border-radius:6px;box-shadow:0 0 10px #b463ff;text-align:center;line-height:25px;font-weight:medium;color:#6dcaff}.link{position:relative;padding:0;display:flex;font-size:1.1em;text-align:center;font-weight:500;margin:50px 20px;color:#020e4f}@media(min-width:1000px){.content{max-width:1000px;margin:0 auto 100px;padding-left:18px;padding-right:18px}}@media(max-width:999px){.content{max-width:calc(100% - 40px);margin:0 20px 100px;padding-left:18px;padding-right:18px}}.content img{max-width:100%;height:auto;display:block;margin:0 auto}.link .icon{position:absolute;right:8px;color:#b463ff;line-height:25px}.link a{position:relative;padding:0 150px 50px 0;color:#6dcaff;text-decoration:none;font-weight:600}.link a:hover{text-decoration:underline;color:#7a7dff}@media (max-width: 100%){.content{padding:1rem;margin-right:1rem;margin-left:1rem;width:calc(100% - 2rem)}.link{margin-left:0;display:flex;flex-wrap:wrap;gap:.5rem}}@media (max-width: 100%){.wrapper{height:auto;transform:scale(1);padding:.6rem}.wrapper .form-box{padding:1%}.navigation .btnLogin-popup{width:auto;height:auto;padding:.6rem .9rem;font-size:.95rem}}img,svg{max-width:100%;height:auto}