*{box-sizing:border-box;margin:0;padding:0;}body{align-items:center;background-color:#fff;color:#fff;display:flex;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;}#cont{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%;}#bg{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(101,100,189,.47) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,230,119,.67) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.62) 0%,transparent 50%);height:130%;left:-70px;pointer-events:none;position:absolute;top:-30px;width:130%;}@keyframes float{0%,100%{transform:translateX(0) translateY(0)}33%{transform:translateX(-70px) translateY(-30px)}66%{transform:translateX(70px) translateY(30px)}}#fltrs{height:100%;overflow:hidden;pointer-events:none;position:absolute;top:-6px;width:100%;}#fltrs div{animation:fltr 12s infinite linear;background:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.7);height:6px;position:absolute;width:6px;}#fltrs div:first-child{left:5%;animation-delay:0s;animation-duration:10s}#fltrs div:nth-child(2){left:15%;animation-delay:1s;animation-duration:14s}#fltrs div:nth-child(3){left:25%;animation-delay:3s;animation-duration:12s}#fltrs div:nth-child(4){left:35%;animation-delay:5s;animation-duration:16s}#fltrs div:nth-child(5){left:45%;animation-delay:7s;animation-duration:11s}#fltrs div:nth-child(6){left:55%;animation-delay:9s;animation-duration:13s}#fltrs div:nth-child(7){left:65%;animation-delay:11s;animation-duration:15s}#fltrs div:nth-child(8){left:75%;animation-delay:13s;animation-duration:9s}#fltrs div:nth-child(9){left:80%;animation-delay:6s;animation-duration:9s}#fltrs div:nth-child(10){left:80%;animation-delay:0s;animation-duration:10s}#fltrs div:nth-child(11){left:85%;animation-delay:15s;animation-duration:12s}#fltrs div:nth-child(12){left:90%;animation-delay:17s;animation-duration:14s}#fltrs div:last-child{left:95%;animation-delay:2s;animation-duration:11s}@keyframes fltr{0%{transform:translateY(100vh) scale(0) rotate(0deg);opacity:0}10%,90%{opacity:1}100%{transform:translateY(-100px) scale(1) rotate(360deg);opacity:0}}#log{animation:appear 1s ease-out;backdrop-filter:blur(20px);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 25px 45px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);max-width:420px;overflow:hidden;padding:3rem;position:relative;width:100%}#log::before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);content:'';height:100%;left:-100%;position:absolute;top:0;width:100%;}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes appear{from{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#log>h1{-webkit-background-clip:text;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:3.5rem;font-weight:800;margin-bottom:2.5rem;text-align:center;user-select:none;}@keyframes titleGlow{from{filter:drop-shadow(0 0 20px rgba(100,100,100,.4))}to{filter:drop-shadow(0 0 40px rgba(100,100,100,.4))}}form{display:flex;flex-direction:column;gap:1.5rem;}input{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:rgba(162,162,162,.5);font-size:1rem;transition:all .3s ease;outline:none;padding:1rem 1.2rem;width:100%;}[type='email']{text-align:center;}input:focus{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 0 20px rgba(255,255,255,.1);transform:translateY(-2px);}input:hover{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.8);}::placeholder{color:rgba(162,162,162,.7);}[type='password']::placeholder{font-size:.8rem;}input:not(:placeholder-shown){border-color:rgba(76,175,80,.6);box-shadow:0 0 10px rgba(76,175,80,.3);}#opt{align-items:center;color:rgba(162,162,162,.5);display:flex;gap:.5rem;justify-content:space-between;margin:1rem 0;opacity:.9;}a,a:hover,a:visited,label{color:rgba(146,146,146,.8);text-decoration:none;}a:hover,label:hover{color:rgb(115,115,115);cursor:pointer;opacity:1;text-shadow:0 0 10px rgba(255,255,255,.3);}a,label{opacity:.9;transition:all .3s ease;}button{background:linear-gradient(135deg,#7e94f4 0%,#5f6ed1 100%);background-size:200% 200%;border:none;border-radius:16px;box-shadow:0 10px 30px rgba(110,107,255,.4);color:#ffffffd0;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:25px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%;}button:hover{background-position:right center;box-shadow:0 20px 40px rgba(102,126,234,.6);transform:translateY(-3px);}button:active{transform:translateY(-1px);}button:has(span){background:linear-gradient(135deg,#4CAF50,#45a049);}button.nok{background:linear-gradient(135deg,#c93030ff,#dd1818ff);}button::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);content:'';height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%;}button:hover::before{left:100%;}#av + form button{width:fit-content;}button span{display:inline-block;}button b{animation:blink 1.5s infinite;margin-left:1px;opacity:0;}button b:first-child{animation-delay:0s;}button b:nth-child(2){animation-delay:.3s;}button b:last-child{animation-delay:.6s;}@keyframes blink{0%,80%,100%{opacity:0}40%{opacity:1}}p{font-size:1.2rem;text-align:center;}p+form{margin-top:50px;}input:checked + .slider{background:linear-gradient(135deg,#7e94f4 0%,#5f6ed1 100%);}input:checked + .slider::before{transform:translateX(13px);}.slider{background-color:#E5E5E5;border-radius:15px;bottom:0;display:inline-block;left:0;position:absolute;right:0;top:0;transition:.4s;}.slider::before{background-color:#fff;border-radius:50%;content:'';height:14px;left:2px;position:absolute;transition:.4s;top:2px;width:14px;}.switch{display:inline-block;height:18px;margin-right:15px;position:relative;width:32px;}.switch input{height:0;opacity:0;width:0;}#log:has(#av){height:700px;max-width:1000px;}#av{background:rgba(255,255,255,.4);backdrop-filter:blur(20px);border:1px solid #dddddd;border-radius:8px;color:#232e3cf3;height:500px;line-height:1.75;margin:0 auto 50px;overflow-y:scroll;padding:15px 35px;text-align:left;width:90%;}#av>*{text-align:left;}#av a{color:#5f6ed1;font-weight:bold;position:absolute;right:15px;}#av a:hover{color:#8c99e9;}#av h1{margin:50px 0 15px;}#av p{font-size:1rem;line-height:2;padding:0;}#av+form{display:block;text-align:center;}@media only screen and (max-width:767px){h1{font-size:3.5rem;margin-bottom:4rem;text-align:center}#log{margin:0 2rem;padding:2rem}#opt{display:initial;text-align:center}#log:has(#av){padding:2rem 1rem}#av{padding:15px}#av h1{font-size:1rem}}