.login-page{background:#081722;min-height:100svh;position:relative;overflow:hidden}.login-page:before{content:"";z-index:8;pointer-events:none;background:radial-gradient(76% 135% at -7%,#fcfefdfa 0%,#f9fdfcf0 44%,#f2f9f8c2 59%,#deeded66 73%,#0000 100%),linear-gradient(104deg,#fafdfcb8 0%,#f7fcfb9e 34%,#ebf5f54f 49%,#cde1e414 63%,#0000 76%);position:absolute;inset:0}.login-panel{z-index:10;background:0 0;flex-direction:column;width:46%;min-width:500px;min-height:100svh;padding:44px clamp(54px,7vw,112px) 32px;display:flex;position:relative}.login-form-wrap{width:min(100%,368px);margin:auto;padding:38px 0 52px;animation:.72s cubic-bezier(.2,.7,.25,1) both login-arrive}.login-form-wrap--secure{-webkit-backdrop-filter:blur(20px)saturate(1.06);backdrop-filter:blur(20px)saturate(1.06);background:#fcfefed1;border:1px solid #ffffffb8;border-radius:26px;width:min(100%,466px);padding:52px 48px 50px;box-shadow:0 32px 84px #1d44541f,0 2px 12px #1f3f4b0a,inset 0 1px #ffffffd1}.login-title{color:#17262d;letter-spacing:-.055em;font-size:clamp(39px,3.5vw,48px);font-weight:620;line-height:1}.login-subtitle{color:#718990;margin:12px 0 34px;font-size:13.5px;line-height:1.5}.login-form-wrap--secure .login-title{font-size:45px}.login-form-wrap--secure .login-subtitle{color:#667f88;max-width:324px;margin-top:16px;margin-bottom:36px;font-size:14.5px;line-height:1.58}.login-form-wrap--secure .login-google{border-radius:14px;height:55px;font-size:13.5px}.login-google,.login-submit{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;font-size:13px;font-weight:680;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.login-google{color:#1c292f;background:#ffffffdb;border:1px solid #1c364026;box-shadow:0 7px 20px #1c46590b}.login-google:hover:not(:disabled){background:#fff;border-color:#46738852;transform:translateY(-1px);box-shadow:0 11px 28px #29566717}.login-google:active:not(:disabled),.login-submit:active:not(:disabled){transform:translateY(0)}.login-google:focus-visible,.login-submit:focus-visible,.login-eye:focus-visible{outline-offset:3px;outline:2px solid #436f82a8}.login-divider{color:#98abb1;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:9px;font-weight:650;display:flex}.login-divider:before,.login-divider:after{content:"";background:#1c36401a;flex:1;height:1px}.login-fields{gap:15px;display:grid}.login-label{color:#2a3a41;margin-bottom:7px;font-size:11.5px;font-weight:680;display:block}.login-input-wrap{position:relative}.login-input{color:#17242a;background:#ffffffbd;border:1px solid #1b343f29;border-radius:11px;outline:0;width:100%;height:49px;padding:0 14px;font-size:13.5px;transition:border-color .16s,box-shadow .16s,background .16s}.login-input-wrap .login-input{padding-right:46px}.login-input::placeholder{color:#a6b6bc}.login-input:hover{border-color:#3b677c4a}.login-input:focus{background:#fff;border-color:#64899b;box-shadow:0 0 0 4px #64899b1a,0 8px 24px #3665760e}.login-input--error{border-color:#b04e5380}.login-eye{color:#73909b;cursor:pointer;background:0 0;border:0;place-items:center;width:37px;transition:color .16s,transform .16s;display:grid;position:absolute;inset:0 7px 0 auto}.login-eye:hover{color:#3f6878}.login-eye:active{transform:scale(.92)}.login-field-error{color:#a84f55;margin-top:5px;font-size:10.5px;line-height:1.4}.login-error{color:#91464b;background:#b04e5312;border:1px solid #b04e532e;border-radius:11px;margin-top:18px;padding:12px 14px;font-size:11.5px;line-height:1.5}.login-submit{color:#f5fdff;background:radial-gradient(circle at 85% 0,#b0e5ef38,#0000 45%),linear-gradient(135deg,#245468,#18394c 66%,#173044);border:1px solid #17384a;margin-top:19px;box-shadow:0 13px 27px #193f4f33,inset 0 1px #ffffff1f}.login-submit svg{transition:transform .18s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 17px 34px #193f4f45,inset 0 1px #ffffff26}.login-submit:hover:not(:disabled) svg{transform:translate(3px)}.login-google:disabled,.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.login-panel{width:54%;min-width:460px;padding-inline:48px}}@media (max-width:720px){.login-page{min-height:100svh;padding:18px 14px;overflow:auto}.login-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8fdfdeb;border:1px solid #eefdfe8c;border-radius:22px;width:100%;min-width:0;min-height:calc(100svh - 36px);margin:0 auto;padding:34px 24px 22px;box-shadow:0 26px 70px #2e546233}.login-page:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ecf7f89e}.login-form-wrap{padding:38px 0 48px}.login-form-wrap--secure{background:#fcfefeb3;border-color:#ffffff8c;padding:42px 32px 40px;box-shadow:0 20px 54px #2248571f}.login-title{font-size:42px}}@media (max-height:710px) and (min-width:721px){.login-panel{padding-top:28px;padding-bottom:24px}.login-form-wrap{padding-block:22px 30px}.login-subtitle{margin-bottom:25px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.melt-scene{--cursor-x:78%;--cursor-y:43%;--crystal-x:76%;pointer-events:none;background:radial-gradient(at 76% 37%,#5b98a424,#0000 34%),linear-gradient(104deg,#edf5f4 0%,#e3eeee 30%,#cadcdd 43%,#9db9bd 54%,#63868f 64%,#345765 74%,#162f3d 85%,#07131e 100%);position:absolute;inset:0;overflow:hidden}.melt-scene:after{content:"";background:linear-gradient(104deg,#f6fbfa17,#0000 45%,#030f1912 66%,#02091075),radial-gradient(at 84% 48%,#0000 27%,#010b1363 100%),radial-gradient(at 55% 108%,#04121d85,#0000 58%);position:absolute;inset:0}.melt-scene__cursor-light{z-index:7;top:var(--cursor-y);left:var(--cursor-x);aspect-ratio:1;opacity:.22;filter:blur(18px);mix-blend-mode:screen;will-change:top, left;background:radial-gradient(circle,#dafafbb8 0,#8bd3dc47 18%,#5ba0ae1a 42%,#0000 70%);border-radius:50%;width:min(38vw,560px);transition:top .28s cubic-bezier(.2,.65,.3,1),left .28s cubic-bezier(.2,.65,.3,1);position:absolute;transform:translate(-50%,-50%)}.melt-scene__shadow{z-index:1;pointer-events:none;filter:blur(72px);mix-blend-mode:multiply;background:#010d16a3;border-radius:50%;position:absolute}.melt-scene__shadow--upper{opacity:.48;width:48%;height:62%;top:-24%;right:-9%}.melt-scene__shadow--lower{opacity:.3;width:31%;height:32%;bottom:12%;right:11%}.melt-scene__wind{z-index:2;fill:none;stroke:#e2fafb26;stroke-width:1.15px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 93%,#0000)}.melt-scene__wind path{stroke-dasharray:8 22 92 36;will-change:stroke-dashoffset;animation:11s linear infinite wind-drift}.melt-scene__wind path:nth-child(2){opacity:.52;stroke-dasharray:5 34 74 44;animation-duration:15s;animation-delay:-6s}.melt-scene__wind path:nth-child(3){opacity:.28;stroke-dasharray:3 48 118 58;animation-duration:19s;animation-delay:-11s}.melt-scene__dust{z-index:3;will-change:transform, opacity;background:#f9ffffdb;border-radius:50%;width:3px;height:3px;animation:linear infinite ice-dust;position:absolute;box-shadow:0 0 8px #e7ffffb3}.melt-scene__dust--2{opacity:.48;filter:blur(.5px);width:6px;height:2px}.melt-scene__dust--3{opacity:.66;width:2px;height:2px}.melt-scene__cavern{z-index:4;filter:drop-shadow(0 20px 34px #000a1257);width:100%;height:26%;position:absolute;inset:0 0 auto}.melt-scene__cavern-back{fill:#1e424f9e}.melt-scene__cavern-front{fill:#0a2230bd}.melt-crystal{z-index:5;top:0;left:var(--crystal-x);transform-origin:50% 8%;filter:drop-shadow(0 28px 30px #1b43523d)drop-shadow(0 0 20px #dcfdff21);will-change:transform;width:min(45vw,660px);height:58vh;animation:14s cubic-bezier(.45,.05,.55,.95) infinite crystal-drift;position:absolute;transform:translate(-50%)}.melt-crystal svg{width:100%;height:100%;display:block;overflow:visible}.melt-crystal__glow{opacity:.25;filter:blur(46px);background:#a4e1e83d;border-radius:48%;position:absolute;inset:13% 6% 6%}.melt-crystal svg{z-index:2;position:relative}.melt-crystal__body{transform-origin:380px 20px}.melt-crystal__rear{filter:blur(.35px)}.melt-crystal__icicle{transform-origin:top}.melt-crystal__icicle--center{filter:drop-shadow(0 14px 18px #1b3e4e24)drop-shadow(0 0 11px #e0fdff29)}.melt-crystal__shine{animation:5.5s ease-in-out infinite crystal-shine}.melt-crystal__facet-glint{animation:10s ease-in-out infinite facet-glint}.melt-crystal__facet-glint--left{animation-delay:-6s}.melt-crystal__facet-glint--right{animation-duration:12s;animation-delay:-3s}.melt-crystal__melt-beads ellipse{animation:4.8s ease-in-out infinite melt-glisten}.melt-crystal__melt-beads ellipse:nth-child(2){animation-duration:4.1s;animation-delay:-2.4s}.melt-crystal__melt-beads ellipse:nth-child(3){animation-duration:5.6s;animation-delay:-1.2s}.melt-drop{--drop-distance:38.5vh;z-index:6;opacity:0;filter:saturate(1.12);will-change:transform, opacity;background:linear-gradient(145deg,#fff,#b7f0f7 45%,#69bfd2 82%);border-radius:55% 55% 65% 65%;width:6px;height:10px;animation:4.5s linear infinite water-drop;position:absolute;top:45.8%;left:75%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 7px #e1fffff2,0 0 18px #73d8ebb8}.melt-drop--two{--drop-distance:51.5vh;width:4px;height:7px;animation-duration:5.6s;animation-delay:-1.9s;top:32.7%;left:68%}.melt-drop--three{--drop-distance:52.5vh;width:3px;height:6px;animation-duration:6.3s;animation-delay:-3.4s;top:31.2%;left:82%}.melt-drop--two:before{opacity:.68}.melt-drop--three:before{opacity:.48}.melt-drop:before{content:"";filter:blur(3px);background:radial-gradient(circle,#cffaff8c,#0000 66%);border-radius:50%;position:absolute;inset:-9px}.melt-drop:after{content:"";background:#ffffffeb;border-radius:50%;width:2px;height:3px;position:absolute;top:1px;left:1px}.melt-pool{z-index:4;background:linear-gradient(#76b2bb14,#02111c7a),repeating-linear-gradient(176deg,#0000 0 18px,#d0f4f706 19px,#0000 20px 34px);border-top:1px solid #d7f7f91f;height:16%;position:absolute;inset:auto 0 0;box-shadow:0 -18px 46px #87d3da09}.melt-pool__reflection{opacity:.1;filter:blur(18px);background:radial-gradient(at 50% 0,#dafafb9e,#68b2be26 30%,#0000 68%);width:min(22vw,320px);height:105%;position:absolute;top:-14%;left:75%;transform:translate(-50%)}.melt-pool__splash{z-index:2;opacity:0;filter:drop-shadow(0 0 5px #d3fbffcc);background:#efffffe6;border-radius:50%;width:3px;height:3px;animation:4.5s ease-out infinite water-splash;position:absolute;top:1%;left:75%;box-shadow:-7px 4px 0 -1px #ecffffa6,7px 3px 0 -1px #ecffff94}.melt-pool__splash--two{animation-duration:5.6s;animation-delay:-1.9s;left:68%}.melt-pool__splash--three{animation-duration:6.3s;animation-delay:-3.4s;left:82%}.melt-pool__impact-glow{z-index:1;opacity:0;filter:blur(7px);background:radial-gradient(#cdfaff94,#6bcadc29 42%,#0000 72%);border-radius:50%;width:92px;height:30px;animation:4.5s ease-out infinite impact-glow;position:absolute;top:-10%;left:75%;transform:translate(-50%)scale(.35)}.melt-pool__impact-glow--two{animation-duration:5.6s;animation-delay:-1.9s;left:68%}.melt-pool__impact-glow--three{animation-duration:6.3s;animation-delay:-3.4s;left:82%}@keyframes wind-drift{to{stroke-dashoffset:-152px}}@keyframes ice-dust{0%{opacity:0;transform:translate(-40px,8px)}14%{opacity:.62}78%{opacity:.28}to{opacity:0;transform:translate(190px,-34px)}}@keyframes crystal-drift{0%,to{transform:translate(-50%)translateY(-1px)}50%{transform:translate(-50%)translateY(1.5px)}}@keyframes crystal-shine{0%,to{opacity:.22}50%{opacity:.42}}@keyframes facet-glint{0%,to{opacity:.62}46%{opacity:1}72%{opacity:.76}}@keyframes melt-glisten{0%,to{opacity:.38}48%{opacity:.82;filter:drop-shadow(0 0 6px #f2ffffb8)}}@keyframes water-drop{0%,12%{opacity:0;transform:translate(-50%,-7px)rotate(45deg)scale(.3,.56)}15%{opacity:1;animation-timing-function:cubic-bezier(.36,.03,.76,.42);transform:translate(-50%)rotate(45deg)scale(.76,1.28)}86%{opacity:.96;transform:translate(-50%,var(--drop-distance)) rotate(45deg) scale(1.08,.82)}88%,to{opacity:0;transform:translate(-50%,var(--drop-distance)) rotate(45deg) scale(1.22,.66)}}@keyframes water-splash{0%,84.5%{opacity:0;transform:translate(-50%,4px)scale(.4)}87%{opacity:.86;transform:translate(-50%)scale(.8)}95%{opacity:.5;transform:translate(-50%,-9px)scale(1.15)}to{opacity:0;transform:translate(-50%,-13px)scale(.8)}}@keyframes impact-glow{0%,84.5%{opacity:0;transform:translate(-50%)scale(.2)}87%{opacity:.78;transform:translate(-50%)scale(.55)}96%{opacity:.28;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%)scale(1.45)}}@media (max-width:980px){.melt-scene{--crystal-x:78%}.melt-crystal{opacity:.74;width:50vw}}@media (max-width:720px){.melt-scene{--crystal-x:78%}.melt-crystal{opacity:.18;width:76vw}.melt-scene__wind{opacity:.65}.melt-pool{height:14%}}@media (prefers-reduced-motion:reduce){.melt-scene *,.melt-scene :before,.melt-scene :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
