@property --hsv-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hsv-hero{isolation:isolate;color:#fff;background:radial-gradient(120% 80% at 0 0,#0d51b4 0%,#0d51b400 60%),radial-gradient(90% 70% at 100% 100%,#0a63d6 0%,#0a63d600 60%),linear-gradient(160deg,#051a3d 0%,#082a5e 45%,#0b3d86 100%);position:relative;overflow:hidden}.hsv-aurora{z-index:-2;pointer-events:none;position:absolute;inset:0}.hsv-aurora i{filter:blur(56px);opacity:.55;will-change:transform;border-radius:999px;animation:16s ease-in-out infinite alternate hsv-drift;display:block;position:absolute}.hsv-aurora i:first-child{background:#1f7cf5;width:340px;height:340px;top:-80px;left:-90px}.hsv-aurora i:nth-child(2){background:#06b6d4;width:300px;height:300px;animation-duration:21s;animation-delay:-6s;top:18%;right:-80px}.hsv-aurora i:nth-child(3){opacity:.32;background:#da251d;width:260px;height:260px;animation-duration:19s;animation-delay:-3s;bottom:-90px;left:12%}.hsv-aurora i:nth-child(4){opacity:.3;background:#ffc300;width:200px;height:200px;animation-duration:24s;animation-delay:-10s;bottom:6%;right:14%}@keyframes hsv-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(34px,-26px)scale(1.12)}to{transform:translate(-24px,30px)scale(.94)}}.hsv-dots{z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff38 1px,#0000 1.4px);background-size:26px 26px;animation:40s linear infinite hsv-dots-pan;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 0%,#0000 100%)}@keyframes hsv-dots-pan{to{background-position:26px 26px}}.hsv-stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.hsv-stars b{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:0;animation:hsv-twinkle var(--d) ease-in-out var(--l) infinite;background:#fff;border-radius:999px;position:absolute;box-shadow:0 0 6px 1px #fffc}@keyframes hsv-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.hsv-sparkle{left:var(--x);top:var(--y);width:var(--s);height:var(--s);z-index:-1;pointer-events:none;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);filter:drop-shadow(0 0 6px #ffc300e6);animation:hsv-sparkle var(--d) ease-in-out var(--l) infinite;background:linear-gradient(135deg,#fff6c2,#ffc300);position:absolute}@keyframes hsv-sparkle{0%,to{opacity:.15;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(90deg)}}.hsv-orbit{width:var(--sz,96px);height:var(--sz,96px);place-items:center;display:inline-grid;position:relative}.hsv-orbit:before{content:"";filter:drop-shadow(0 0 6px #22d3ee)drop-shadow(0 0 14px #22d3eecc);background:conic-gradient(#22d3ee1f 0deg 200deg,#22d3ee 300deg,#fff 360deg);border-radius:999px;animation:4.5s linear infinite hsv-spin;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.hsv-orbit:after{content:"";z-index:-1;background:radial-gradient(circle,#22d3ee80,#1f7cf540 45%,#1f7cf500 70%);border-radius:999px;animation:3.2s ease-in-out infinite hsv-pulse;position:absolute;inset:-28px}.hsv-orbit img{animation:5s ease-in-out infinite hsv-bob}@keyframes hsv-spin{to{transform:rotate(360deg)}}@keyframes hsv-pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes hsv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hsv-shimmer{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,#ffd84d 0%,#fff 25%,#7ee8fa 50%,#fff 72%,#ffd84d 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite hsv-shimmer}@keyframes hsv-shimmer{to{background-position:-220% 0}}.hsv-rise{opacity:0;animation:hsv-rise .7s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 90ms + 60ms) forwards}@keyframes hsv-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hsv-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:hsv-float 6s ease-in-out var(--l,0s) infinite;background:linear-gradient(145deg,#ffffff29,#ffffff0f);border:1px solid #fff3;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s;position:relative;overflow:hidden}.hsv-tile:after{content:"";animation:hsv-sweep 7s ease-in-out var(--l,0s) infinite;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.hsv-tile:hover{border-color:#ffffff80;transform:translateY(-4px)scale(1.02)}.hsv-tile-icon{background:var(--g);width:40px;height:40px;box-shadow:0 8px 18px -6px var(--c);border-radius:14px;flex:none;place-items:center;display:grid}@keyframes hsv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hsv-sweep{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.hsv-form-side{isolation:isolate;background:radial-gradient(60% 40% at 90% 0,#22d3ee24,#0000 70%),radial-gradient(55% 45% at 0 100%,#1f7cf524,#0000 70%),radial-gradient(40% 30% at 100% 100%,#ffc30024,#0000 70%),#f4f7fc;position:relative;overflow:hidden}.hsv-form-side:before,.hsv-form-side:after{content:"";z-index:-1;pointer-events:none;filter:blur(40px);border-radius:999px;animation:18s ease-in-out infinite alternate hsv-drift;position:absolute}.hsv-form-side:before{background:#22d3ee29;width:220px;height:220px;top:14%;right:-60px}.hsv-form-side:after{background:#1f7cf524;width:260px;height:260px;animation-delay:-8s;bottom:10%;left:-80px}.hsv-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:26px;position:relative;box-shadow:0 30px 60px -28px #0d51b473,0 8px 22px -10px #0b12201f}.hsv-card:before{content:"";z-index:-1;background:conic-gradient(from var(--hsv-angle), #22d3ee, #1f7cf5, #ffc300, #1f7cf5, #22d3ee);-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px #22d3eebf);border-radius:27px;padding:1.5px;animation:6s linear infinite hsv-angle;position:absolute;inset:-1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes hsv-angle{to{--hsv-angle:360deg}}.hsv-badge{letter-spacing:.06em;text-transform:uppercase;color:#0d51b4;background:linear-gradient(100deg,#e3efff,#dcf8ff 60%,#fff3cc);border:1px solid #0f66e02e;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11px;font-weight:800;display:inline-flex}.hsv-badge svg{color:#f2b705;animation:3s ease-in-out infinite hsv-sparkle}.hsv-card .btn-primary{background-image:linear-gradient(100deg,#0d51b4,#1f7cf5 55%,#22d3ee 100%);background-size:160% 100%;transition:background-position .5s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 14px 28px -12px #1f7cf5cc}.hsv-card .btn-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:4.5s ease-in-out 1s infinite hsv-sweep;position:absolute;inset:0;transform:translate(-130%)}.hsv-card .btn-primary:hover:not(:disabled){background-position:100% 0;transform:translateY(-1px);box-shadow:0 18px 32px -12px #22d3eebf}.hsv-card .btn-primary:active:not(:disabled){transform:translateY(1px)scale(.99)}.hsv-card .input{transition:box-shadow .2s,border-color .2s,transform .2s}.hsv-card .input:focus{border-color:#1f7cf5;box-shadow:0 0 0 4px #1f7cf529,0 8px 18px -10px #22d3ee99}@media (max-width:1023px){.hsv-aurora i{filter:blur(44px)}}@media (prefers-reduced-motion:reduce){.hsv-aurora i,.hsv-dots,.hsv-stars b,.hsv-sparkle,.hsv-orbit:before,.hsv-orbit:after,.hsv-orbit img,.hsv-shimmer,.hsv-tile,.hsv-tile:after,.hsv-card:before,.hsv-card .btn-primary:after,.hsv-form-side:before,.hsv-form-side:after,.hsv-badge svg{animation:none!important}.hsv-rise{opacity:1;animation:none!important}.hsv-stars b{opacity:.7}}