.login-page{background:linear-gradient(135deg,#fff 0%,#fffdfd 18%,#fff8f9 35%,#fff3f5 60%,#fdecef 82%,#fff 100%);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}:root{--ruby:#d90429;--ruby-soft:#f8d8df;--ruby-glass:#d904290f;--facet:#aa00230e}.ruby-page{isolation:isolate;background:radial-gradient(circle at 18% 16%,#fffffffa,#0000 28%),radial-gradient(circle at 88% 18%,#d904290d,#0000 30%),radial-gradient(circle at 72% 82%,#d904290a,#0000 35%),linear-gradient(135deg,#fff 0%,#fffdfd 18%,#fff8f9 40%,#fff4f6 65%,#fffbfd 82%,#fff 100%);min-height:calc(100vh - 64px);position:relative;overflow:hidden}@media (min-width:1024px){.ruby-page{min-height:calc(100vh - 84px)}}.ruby-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ruby-bg:before{content:"";background:linear-gradient(42deg, transparent 49.7%, var(--facet) 50%, transparent 50.3%), linear-gradient(118deg, transparent 49.7%, #ffffffe6 50%, transparent 50.3%), linear-gradient(-38deg, transparent 49.7%, #d904290a 50%, transparent 50.3%), linear-gradient(-72deg, transparent 49.8%, #ffffffb3 50%, transparent 50.2%), linear-gradient(78deg, transparent 49.8%, #d9042908 50%, transparent 50.2%);opacity:.95;background-size:520px 520px,460px 460px,620px 620px,760px 760px,840px 840px;animation:26s ease-in-out infinite facetFloat;position:absolute;inset:-10%}.ruby-bg:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 15% 20%,#fffc,#0000 24%),radial-gradient(circle at 80% 20%,#d904290f,#0000 28%),radial-gradient(circle at 60% 75%,#d904290d,#0000 26%);position:absolute;inset:0}.ruby-panel{background:linear-gradient(135deg, #ffffff8c, var(--ruby-glass));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #ffffff8c;position:absolute;box-shadow:inset 0 0 28px #ffffff59,0 10px 30px #d904290a}.ruby-panel.p1{clip-path:polygon(18% 0,100% 12%,82% 100%,0 80%);width:430px;height:250px;top:70px;left:-90px;transform:rotate(-18deg)}.ruby-panel.p2{clip-path:polygon(0 15%,100% 0,86% 100%,10% 78%);width:360px;height:220px;top:120px;right:-70px;transform:rotate(14deg)}.ruby-panel.p3{clip-path:polygon(12% 0,100% 28%,72% 100%,0 72%);width:520px;height:260px;bottom:-120px;left:28%;transform:rotate(-12deg)}.ruby-panel.p4{clip-path:polygon(20% 0,100% 20%,78% 100%,0 76%);opacity:.65;width:260px;height:180px;top:8%;left:40%;transform:rotate(22deg)}.ruby-panel.p5{clip-path:polygon(15% 0,100% 12%,88% 100%,0 86%);opacity:.55;width:280px;height:180px;bottom:18%;right:20%;transform:rotate(-28deg)}@keyframes facetFloat{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-18px,14px)rotate(.7deg)}}@media (max-width:768px){.ruby-panel.p1{width:300px;height:180px}.ruby-panel.p2{width:240px;height:160px}.ruby-panel.p3{width:340px;height:180px;left:10%}.ruby-panel.p4,.ruby-panel.p5{display:none}}.login-page:before{content:"";pointer-events:none;filter:blur(30px);z-index:1;opacity:.45;background:linear-gradient(110deg,#0000 35%,#fff0 42%,#ffffff73 49%,#fff0 56%,#0000 65%);animation:24s linear infinite reflectionSweep;position:absolute;inset:-30%}.login-page:after{content:"";filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(circle,#d9042912 0%,#d904290a 30%,#0000 70%);width:680px;height:680px;animation:10s ease-in-out infinite haloPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:5;position:relative;box-shadow:0 12px 30px #0000000f,0 35px 80px #d9042914,0 90px 140px #d904290d,inset 0 1px #ffffffb3}.login-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.9;pointer-events:none;background:linear-gradient(135deg,#fffc,#d9042926,#fffc);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ruby-bg{background-image:radial-gradient(#00000005 .6px,#0000 .6px);background-size:9px 9px}.ruby-bg .shimmer{opacity:.18;filter:blur(.3px);background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;animation:6s ease-in-out infinite shimmer;position:absolute}.ruby-bg .s1{width:240px;top:22%;left:8%;transform:rotate(-26deg)}.ruby-bg .s2{width:180px;animation-delay:1ms;top:36%;right:12%;transform:rotate(18deg)}.ruby-bg .s3{width:260px;animation-delay:2s;bottom:20%;left:40%;transform:rotate(-12deg)}.ruby-bg .s4{width:150px;animation-delay:4s;bottom:30%;right:28%;transform:rotate(36deg)}@keyframes reflectionSweep{0%{transform:translate(-40%)rotate(8deg)}to{transform:translate(40%)rotate(8deg)}}@keyframes haloPulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.08)}}@keyframes shimmer{0%,to{opacity:.08;filter:blur(.5px)}50%{opacity:.6;filter:blur()}}.back-btn,.back-btn svg{transition:all .25s}