:root{--ink: #0b0b0e;--paper: #ffffff;--line: #deded9;--muted: #7d7d84;--green: #83ef55;--pink: #ec4b9a;--blue: #55c7df;--purple: #8f5ee8;--yellow: #f8c347;--ease: cubic-bezier(.2,.8,.2,1);color-scheme:light}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{position:relative;min-height:100vh;padding:18px;overflow-x:hidden;isolation:isolate;background:linear-gradient(180deg,#0a5e86,#07406d 28%,#062650 60%,#020a24);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.ocean-atmosphere{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% -12%,rgba(137,239,255,.48),transparent 42%),linear-gradient(180deg,#0a6f977a,#030e30b3)}.ocean-atmosphere:before{position:absolute;top:-24%;left:-10%;width:120%;height:82%;background:linear-gradient(104deg,transparent 13%,rgba(185,248,255,.18) 18%,transparent 25%),linear-gradient(76deg,transparent 39%,rgba(149,232,255,.13) 45%,transparent 52%),linear-gradient(116deg,transparent 64%,rgba(191,244,255,.1) 69%,transparent 76%);filter:blur(9px);transform-origin:50% 0;animation:oceanLightSweep 12s ease-in-out infinite alternate;content:""}.ocean-atmosphere:after{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% -18%,transparent 0 42px,rgba(143,230,255,.055) 44px 46px,transparent 48px 82px),linear-gradient(180deg,rgba(255,255,255,.025),transparent 52%,rgba(1,5,24,.25));opacity:.85;animation:oceanCurrent 18s linear infinite;content:""}.ocean-bubble{--size:16px;--left:50%;--duration:16s;--delay:0s;--drift:30px;position:absolute;z-index:2;bottom:-80px;left:var(--left);width:var(--size);aspect-ratio:1;border:1px solid rgba(202,248,255,.62);border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.76) 0 8%,rgba(142,231,255,.2) 18%,rgba(51,150,206,.08) 58%,transparent 72%);box-shadow:inset -2px -3px 7px #00478447,0 0 13px #6fe0ff26;opacity:0;animation:oceanBubbleRise var(--duration) linear infinite;animation-delay:var(--delay)}@keyframes oceanBubbleRise{0%{opacity:0;transform:translateZ(0) scale(.62)}10%{opacity:.82}78%{opacity:.58}to{opacity:0;transform:translate3d(var(--drift),-118vh,0) scale(1.18)}}@keyframes oceanLightSweep{0%{opacity:.72;transform:translate(-2%) skew(-2deg)}to{opacity:1;transform:translate(3%) skew(2deg)}}@keyframes oceanCurrent{0%{background-position:0 0,0 0}to{background-position:34px 72px,0 0}}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.register-shell{position:relative;z-index:1;display:grid;width:min(1120px,100%);min-height:calc(100vh - 36px);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);margin:0 auto;overflow:hidden;border:1px solid rgba(121,226,255,.44);border-radius:15px;background:#fff;box-shadow:0 28px 80px #0109256b,0 0 0 1px #aaf0ff14}.register-brand{position:absolute;z-index:10;top:23px;left:25px;display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;letter-spacing:.16em}.register-brand-icon{display:block;width:32px;height:25px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(17,29,102,.38))}.register-visual{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;justify-content:space-between;padding:96px 54px 38px;background:radial-gradient(circle at 52% -8%,rgba(88,210,239,.34),transparent 34%),linear-gradient(180deg,#075079,#07355f 31%,#061d45 64%,#020a22);color:#fff}.register-visual:before{position:absolute;z-index:0;inset:-24% -10% -8%;background-image:linear-gradient(108deg,transparent 10%,rgba(178,241,255,.12) 17%,transparent 28%),linear-gradient(78deg,transparent 50%,rgba(128,219,245,.08) 57%,transparent 66%),radial-gradient(circle,transparent 0 4px,rgba(181,238,255,.26) 5px 6px,transparent 7px),radial-gradient(circle,transparent 0 7px,rgba(125,216,247,.2) 8px 9px,transparent 10px),radial-gradient(circle,transparent 0 2px,rgba(206,249,255,.3) 3px 4px,transparent 5px);background-repeat:no-repeat,no-repeat,repeat,repeat,repeat;background-size:100% 100%,100% 100%,142px 184px,218px 252px,104px 136px;background-position:0 0,0 0,16px 80px,92px 160px,42px 118px;opacity:.78;animation:visualOceanFlow 18s linear infinite;content:""}.register-visual:after{position:absolute;z-index:1;right:-130px;bottom:-130px;width:380px;height:380px;border:1px solid rgba(125,221,255,.12);border-radius:50%;box-shadow:0 0 0 45px #5bc9f109,0 0 0 90px #5bc9f106;animation:oceanSonar 7s ease-in-out infinite;content:""}@keyframes visualOceanFlow{0%{background-position:0 0,0 0,16px 214px,92px 292px,42px 254px}to{background-position:18px 0,-14px 0,42px -154px,58px -212px,64px -126px}}@keyframes oceanSonar{0%,to{opacity:.52;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.visual-copy{position:relative;z-index:2}.visual-kicker{display:flex;align-items:center;gap:8px;margin:0 0 17px;color:#71dfee;font-size:9px;font-weight:750;letter-spacing:.1em}.visual-kicker i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #83ef551a}.visual-copy h1{max-width:560px;margin:0;font-size:clamp(43px,5vw,62px);font-weight:790;letter-spacing:-.065em;line-height:1.02}.register-art{position:relative;z-index:2;height:250px;overflow:hidden;margin:34px 0 0;border:1px solid rgba(91,151,255,.42);border-radius:7px;background:radial-gradient(circle at 62% 27%,rgba(70,137,244,.24),transparent 28%),linear-gradient(180deg,#0a2052,#07163c 52%,#040b23);box-shadow:inset 0 0 38px #3671e021}.register-art:before{position:absolute;inset:0;background-image:linear-gradient(rgba(111,158,245,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(111,158,245,.08) 1px,transparent 1px);background-size:10px 10px;content:""}.register-art:after{position:absolute;right:0;bottom:0;left:0;height:46%;background:linear-gradient(180deg,transparent,rgba(2,8,18,.74));content:""}.pixel-depth{position:absolute;z-index:1;left:50%;border:1px solid rgba(100,153,247,.18);border-radius:50%;transform:translate(-50%)}.depth-one{bottom:-85px;width:112%;height:160px}.depth-two{bottom:-58px;width:84%;height:118px}.depth-three{bottom:-31px;width:54%;height:76px}.whale-swimmer{position:absolute;z-index:3;top:50%;left:31%;width:58%;height:92%;transform:translate(-50%,-50%) scaleX(1) rotate(-2deg);animation:whaleCruise 10s cubic-bezier(.45,.05,.55,.95) infinite;will-change:left,transform}.whale-swimmer:after{position:absolute;z-index:0;right:15%;bottom:8%;left:15%;height:8px;border-radius:50%;background:#00000042;filter:blur(5px);content:"";animation:whaleShadow 1.8s ease-in-out infinite}.pixel-whale-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.32));animation:whaleBob 1.8s ease-in-out infinite;will-change:transform}.pixel-caption{position:absolute;z-index:5;right:12px;bottom:11px;padding:5px 7px;border:1px solid rgba(103,158,255,.5);border-radius:4px;background:#040e2dcc;color:#a9ccff;font-size:8px;font-weight:720;letter-spacing:.12em}@keyframes whaleCruise{0%,4%{left:31%;transform:translate(-50%,-50%) scaleX(1) rotate(-2deg)}34%{left:68%;transform:translate(-50%,-52%) scaleX(1) rotate(2deg)}40%{left:70%;transform:translate(-50%,-50%) scaleX(1) rotate(0)}45%{left:70%;transform:translate(-50%,-50%) scaleX(.08) rotate(0)}50%{left:70%;transform:translate(-50%,-50%) scaleX(-1) rotate(0)}82%{left:32%;transform:translate(-50%,-48%) scaleX(-1) rotate(-2deg)}88%{left:30%;transform:translate(-50%,-50%) scaleX(-1) rotate(0)}94%{left:30%;transform:translate(-50%,-50%) scaleX(-.08) rotate(0)}to{left:31%;transform:translate(-50%,-50%) scaleX(1) rotate(-2deg)}}@keyframes whaleBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes whaleShadow{0%,to{opacity:.32;transform:scaleX(1)}50%{opacity:.16;transform:scaleX(.82)}}.register-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:55px clamp(34px,5vw,70px);background:#fbfbf9}.form-heading{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center;margin-bottom:30px}.form-heading p{margin:0 0 5px;color:var(--pink);font-size:8px;font-weight:760;letter-spacing:.1em}.form-heading h2{margin:0 0 7px;font-size:30px;letter-spacing:-.05em}.form-heading span{color:#88888f;font-size:9px}.registration-stars{position:relative;width:80px;height:80px;filter:drop-shadow(0 0 2px rgba(143,94,232,.2))}.reg-star{position:absolute;top:50%;left:50%;aspect-ratio:1;background:linear-gradient(135deg,var(--yellow),var(--pink),var(--purple));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:regRotate 7s linear infinite;transform-origin:center}.star-one{width:30%;margin:-15% 0 0 -15%}.star-two{width:40%;margin:-20% 0 0 -20%;animation-delay:-1s;opacity:.82}.star-three{width:52%;margin:-26% 0 0 -26%;animation-delay:-1.8s;opacity:.62}.star-four{width:66%;margin:-33% 0 0 -33%;animation-delay:-2.7s;opacity:.38}.star-five{width:82%;margin:-41% 0 0 -41%;animation-delay:-3.5s;opacity:.2}.register-panel:has(.submit-button.is-loading) .reg-star{animation-duration:1.25s;filter:saturate(1.35)}@keyframes regRotate{to{rotate:360deg}}.registration-notice{margin:0 0 15px;padding:10px 12px;border:1px solid #d9d9d4;border-radius:7px;background:#fff;color:#68686f;font-size:9px;line-height:1.5}.registration-notice.is-pending{border-color:#dcd2f3;background:#faf8ff;color:#7652c6}.registration-notice.is-success{border-color:#cce8c2;background:#f5fcf2;color:#398b2c}.registration-notice.is-warning{border-color:#ecdba9;background:#fffaf0;color:#8b6917}.registration-notice.is-error{border-color:#efc6d3;background:#fff7fa;color:#c93662}.register-form{display:grid;gap:15px}.field[hidden]{display:none!important}.field{position:relative;display:grid;gap:7px}.field>span{color:#626269;font-size:9px;font-weight:650}.field>span small{color:#9a9aa0;font-size:8px;font-weight:500}.field input{width:100%;height:43px;padding:0 12px;border:1px solid #d5d5d0;border-radius:7px;outline:0;background:#fff;color:#19191d;font-size:10px;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:#8e8e87;box-shadow:0 0 0 3px #00000008}.field input::placeholder{color:#aaaab0}.field input:disabled{background:#f3f3f0;color:#9a9aa0;cursor:not-allowed}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:8px;bottom:7px;height:29px;padding:0 7px;border:0;border-radius:5px;background:#f1f1ee;color:#77777e;font-size:8px;cursor:pointer}.verification-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verification-button{min-width:88px;border:1px solid #c9c9c3;border-radius:7px;background:#f6f6f3;color:#34343a;font-size:9px;font-weight:700;cursor:pointer}.verification-button:disabled{color:#98989e;cursor:not-allowed}.agreement{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;color:#77777e;font-size:8px;line-height:1.5;cursor:pointer}.agreement input{width:14px;height:14px;margin:0;accent-color:#111}.form-message{min-height:14px;margin:0;font-size:8px}.form-message.is-error{color:#d84269}.form-message.is-pending{color:#7652c6}.form-message.is-success{color:#398b2c}.submit-button{position:relative;display:flex;height:44px;overflow:hidden;align-items:center;justify-content:center;gap:8px;border:2px solid #111116;border-radius:7px;background:var(--green);box-shadow:0 4px #111116;color:#18390e;font-size:10px;font-weight:780;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s ease,background .15s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #111116}.submit-button:disabled{background:#d7d7d2;box-shadow:0 3px #777771;color:#77777d;cursor:not-allowed}.submit-arrow{position:absolute;right:14px;font-size:15px}.submit-progress{display:none;align-items:center;gap:3px}.submit-progress i{width:5px;height:5px;border-radius:50%;background:#18390e;animation:submitBounce .7s ease-in-out infinite alternate}.submit-progress i:nth-child(2){animation-delay:.15s}.submit-progress i:nth-child(3){animation-delay:.3s}.submit-button.is-loading .submit-progress{display:flex}.submit-button.is-loading .submit-arrow{display:none}.submit-button.is-complete{background:#73dcf1}@keyframes submitBounce{to{transform:translateY(-4px);opacity:.45}}.account-role-summary{display:grid;gap:5px;margin:0 0 18px;padding:11px 12px;border:1px solid #d6e5de;border-radius:7px;background:#f5faf7}.account-role-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-role-summary span{color:#71787a;font-size:8px}.account-role-summary strong{color:#28735a;font-size:9px}.account-role-summary p{margin:0;color:#80868a;font-size:7px;line-height:1.5}.login-note{margin:23px 0 0;color:#88888f;font-size:9px;text-align:center}.login-note a{color:#17171b;font-weight:700;text-decoration:underline;text-underline-offset:3px}.login-note small{display:block;margin-top:6px;color:#a0a0a5;font-size:7px}.guest-access{display:grid;gap:7px;margin-top:18px;padding-top:17px;border-top:1px solid #deded9;text-align:center}.guest-access>span{color:#96969c;font-size:8px}.guest-access>a{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid #cacac5;border-radius:7px;background:#fff;color:#1a1a1e;font-size:9px;font-weight:720;transition:transform .15s var(--ease),border-color .15s ease,box-shadow .15s ease}.guest-access>a:hover{border-color:#8d8d87;box-shadow:0 5px 15px #0f0f1412;transform:translateY(-2px)}.guest-access b{color:#4f9b35;font-size:13px}:focus-visible{outline:2px solid #111;outline-offset:2px}@media (min-width:821px){.register-shell{background:transparent}.register-visual{z-index:1;border-right:1px solid rgba(201,242,255,.26);background:radial-gradient(circle at 50% -8%,rgba(153,232,255,.18),transparent 36%),linear-gradient(180deg,#05548285,#04305e99 48%,#020c28bd);box-shadow:inset 1px 1px #dcf9ff38,inset -1px 0 #cbf2ff1f;-webkit-backdrop-filter:blur(18px) saturate(132%);backdrop-filter:blur(18px) saturate(132%)}.register-visual:before{opacity:.44}.register-panel{position:relative;z-index:3;border-left:1px solid rgba(255,255,255,.88);box-shadow:-22px 0 44px #01123333}.register-panel:before{position:absolute;top:0;bottom:0;left:-20px;width:20px;border-left:1px solid rgba(188,235,255,.18);background:linear-gradient(90deg,#c0ebfa0a,#eefafd7a);box-shadow:inset -1px 0 #ffffff94;-webkit-backdrop-filter:blur(12px) saturate(126%);backdrop-filter:blur(12px) saturate(126%);content:"";pointer-events:none}}@media (max-width:820px){body{padding:0;background:#020a24}.register-shell{min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none}.register-brand{color:#fff}.register-visual{min-height:480px;padding:90px 28px 28px}.visual-copy h1{font-size:48px}.register-art{height:180px}.register-panel{padding:42px max(24px,8vw) 60px}.form-heading{margin-bottom:25px}}@media (max-width:520px){.register-visual{min-height:420px}.visual-copy h1{font-size:39px}.register-art{height:160px;margin-block:25px 0}.whale-swimmer{width:60%}.register-panel{padding:34px 18px 50px}.field-row{grid-template-columns:1fr}.form-heading{grid-template-columns:64px 1fr}.registration-stars{width:64px;height:64px}.form-heading h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}