.oc-root[data-login-theme=gold-lounge]{--oc-gold:#d9ad65;--oc-gold-lt:#ffe2a6;--oc-ink:#050301;background:linear-gradient(#0503011a, #0503014d), var(--oc-login-bg) center 42% / cover no-repeat, #050301}@media (max-width:1100px) and (orientation:portrait){.oc-root[data-login-theme=gold-lounge]{background-position:0 0,5%,0 0}}@media (max-width:640px){.oc-root[data-login-theme=gold-lounge]{background:linear-gradient(#05030147, #05030180), var(--oc-login-bg-sm) 30% center / cover no-repeat, #050301}}.oc-root[data-login-theme=gold-lounge]:after{background:radial-gradient(120% 100% at 50% 46%,#0503011f 30%,#05030166 72%,#0302009e 100%)}.oc-root[data-login-theme=gold-lounge] .oc-logo:before{background:radial-gradient(50% 50%,#ffbe5a6b,#ffbe5a00 70%);width:340px;height:260px}.oc-root[data-login-theme=gold-lounge] .oc-frame{background:linear-gradient(#100b05d1,#060402e6);border:1px solid #d9ad658c;border-radius:26px;padding:12px 14px 14px;box-shadow:inset 0 0 0 1px #ffe2a61a,0 0 42px #d9ad6524,0 30px 70px #0009}.oc-root[data-login-theme=gold-lounge] .oc-corner,.oc-root[data-login-theme=gold-lounge] .oc-crest{display:none}.oc-root[data-login-theme=gold-lounge] .oc-footer-crest{aspect-ratio:1;filter:drop-shadow(0 0 6px #ffc86e8c);background:radial-gradient(circle at 35% 30%,#fff1cf 0%,#e6bb64 45%,#8a5f1c 100%);border-radius:3px;width:18px;bottom:-9px;rotate:45deg}.oc-root[data-login-theme=gold-lounge] .oc-stage{padding-bottom:8px}.oc-root[data-login-theme=gold-lounge] .oc-panel{box-shadow:none;background:0 0;border:0;border-radius:0}.oc-root[data-login-theme=gold-lounge] .oc-form-card{background:0 0;border:0;margin:0 2px 4px;padding:10px 10px 12px}.oc-root[data-login-theme=gold-lounge] .oc-tab{color:#dccaa2;background:#ffffff0d;border:1px solid #d9ad6547;border-radius:14px}.oc-root[data-login-theme=gold-lounge] .oc-tab:hover{color:#fff1cf;border-color:#d9ad6599}.oc-root[data-login-theme=gold-lounge] .oc-tab[aria-selected=true]{color:#1a1206;background:linear-gradient(#f3d493,#d0a04c);border-color:#ffe2a6cc;box-shadow:0 0 18px #d9ad6566,inset 0 1px #ffffff80}.oc-root[data-login-theme=gold-lounge] .oc-divider{background:linear-gradient(90deg,#0000,#d9ad6599 30% 70%,#0000) 50%/100% 1px no-repeat}.oc-root[data-login-theme=gold-lounge] .oc-welcome h1{color:#f8e9c6}.oc-root[data-login-theme=gold-lounge] .oc-welcome p{color:#cdbb95}.oc-root[data-login-theme=gold-lounge] .oc-field{background:#ffffff0d;border:1px solid #d9ad6547}.oc-root[data-login-theme=gold-lounge] .oc-field:focus-within{border-color:#ffe2a6d9;box-shadow:0 0 0 3px #d9ad6529,0 0 18px #d9ad654d}.oc-root[data-login-theme=gold-lounge] .oc-field svg,.oc-root[data-login-theme=gold-lounge] .oc-eye{color:#c9a869}.oc-root[data-login-theme=gold-lounge] .oc-eye:hover{color:#ffe2a6}.oc-root[data-login-theme=gold-lounge] .oc-field input{color:#fff5e0}.oc-root[data-login-theme=gold-lounge] .oc-field input::placeholder{color:#8f8168}.oc-root[data-login-theme=gold-lounge] .oc-field input:-webkit-autofill{-webkit-text-fill-color:#fff5e0}.oc-root[data-login-theme=gold-lounge] .oc-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff5e0}.oc-root[data-login-theme=gold-lounge] .oc-link{color:#e2c078}.oc-root[data-login-theme=gold-lounge] .oc-link:hover{color:#ffe2a6}.oc-root[data-login-theme=gold-lounge] .oc-submit{color:#1a1206;background:radial-gradient(50% 7px at 50% 8px,#ffffff8c,#fff0 72%),linear-gradient(#f3d493 0%,#d6a552 52%,#a97a2c 100%);border:1px solid #ffe2a6bf;box-shadow:0 6px #6b4a16,0 0 24px #d9ad6559,inset 0 2px #fff6}.oc-root[data-login-theme=gold-lounge] .oc-submit:before,.oc-root[data-login-theme=gold-lounge] .oc-submit:after{display:none}.oc-root[data-login-theme=gold-lounge] .oc-submit:active:not(:disabled){box-shadow:0 2px #6b4a16,0 0 16px #d9ad654d,inset 0 2px #ffffff59}.oc-root[data-login-theme=gold-lounge] .oc-hint{color:#f3e2bd;background:#3c2a0c80;border-color:#d9ad6566}.oc-root[data-login-theme=gold-lounge] .oc-logo{animation:none;transform:none}.oc-root[data-login-theme=gold-lounge]{--gl-s:1}@media (min-width:641px) and (min-height:900px){.oc-root[data-login-theme=gold-lounge]{--gl-s:1.16}}@media (min-width:1000px) and (min-height:861px){.oc-root[data-login-theme=gold-lounge]{--gl-s:1.3}}@media (min-width:1000px) and (min-height:761px) and (max-height:860px){.oc-root[data-login-theme=gold-lounge]{--gl-s:1.14}}.oc-root[data-login-theme=gold-lounge] .oc-stage{max-width:calc(556px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-logo:before{width:calc(340px * var(--gl-s));height:calc(260px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-logo-whale.is-badge{width:calc(190px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-frame{padding:calc(12px * var(--gl-s)) calc(14px * var(--gl-s)) calc(14px * var(--gl-s));border-radius:calc(26px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-tabs{gap:calc(10px * var(--gl-s));padding:calc(10px * var(--gl-s)) calc(12px * var(--gl-s)) 0}.oc-root[data-login-theme=gold-lounge] .oc-tab{height:calc(48px * var(--gl-s));font-size:calc(16px * var(--gl-s));gap:calc(8px * var(--gl-s));border-radius:calc(14px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-tab svg,.oc-root[data-login-theme=gold-lounge] .oc-field svg{width:calc(20px * var(--gl-s));height:calc(20px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-divider{margin:calc(4px * var(--gl-s)) calc(18px * var(--gl-s)) calc(8px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-form-card{margin:0 calc(2px * var(--gl-s)) calc(4px * var(--gl-s));padding:calc(10px * var(--gl-s)) calc(10px * var(--gl-s)) calc(12px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-welcome{margin-bottom:calc(12px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-welcome h1{font-size:calc(24px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-welcome p{font-size:calc(14px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-field{height:calc(48px * var(--gl-s));margin-bottom:calc(10px * var(--gl-s));padding:0 calc(14px * var(--gl-s));gap:calc(10px * var(--gl-s));border-radius:calc(14px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-field input{font-size:calc(16px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-row{margin:calc(10px * var(--gl-s)) 2px calc(14px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-link,.oc-root[data-login-theme=gold-lounge] .oc-error,.oc-root[data-login-theme=gold-lounge] .oc-hint{font-size:calc(14px * var(--gl-s))}.oc-root[data-login-theme=gold-lounge] .oc-submit{height:calc(56px * var(--gl-s));font-size:calc(22px * var(--gl-s))}@media (max-height:700px){.oc-root[data-login-theme=gold-lounge] .oc-logo-whale.is-badge{width:168px}}.oc-root[data-login-theme=gold-lounge] .oc-gate-backdrop{-webkit-backdrop-filter:blur(8px)!important;background:#050301d6!important}.oc-root[data-login-theme=gold-lounge] .oc-gate-card{width:min(calc(360px * var(--gl-s)), 92vw)!important;color:#f8e9c6!important;background:linear-gradient(#140e06f7,#080502fa)!important;border:1px solid #d9ad658c!important;border-radius:26px!important;box-shadow:inset 0 0 0 1px #ffe2a61a,0 0 42px #d9ad6529,0 30px 70px #000000a6!important}.oc-root[data-login-theme=gold-lounge] .oc-gate-input{color:#fff5e0!important;background:#ffffff0d!important;border:1px solid #d9ad6566!important}.oc-root[data-login-theme=gold-lounge] .oc-gate-input:focus{outline:none;box-shadow:0 0 0 3px #d9ad6529,0 0 18px #d9ad654d;border-color:#ffe2a6d9!important}.oc-root[data-login-theme=gold-lounge] .oc-gate-btn{cursor:pointer;box-shadow:0 4px #6b4a16,inset 0 2px #ffffff59;color:#1a1206!important;background:linear-gradient(#f3d493 0%,#d6a552 55%,#a97a2c 100%)!important;border:1px solid #ffe2a6b3!important}.oc-root[data-login-theme=gold-lounge] .oc-gate-btn:disabled{cursor:not-allowed;filter:grayscale(.55);box-shadow:none}.oc-root[data-login-theme=gold-lounge]:has(.oc-gate-backdrop) .oc-logo{visibility:hidden}
.oc-root{--oc-gold:#d9ad65;--oc-gold-lt:#ffe2a6;--oc-cyan:#3ddcff;--oc-ink:#02122f;isolation:isolate;color:#f7fbff;min-height:100dvh;font-family:var(--sans);background:linear-gradient(#0108241a,#01082442),url(/home/bg.webp) 50% 72%/cover no-repeat,#041a44;justify-content:center;align-items:center;padding:18px 14px;display:flex;position:relative;overflow:hidden}@media (max-width:820px){.oc-root{background-image:linear-gradient(#0108241a,#01082442),url(/home/bg-sm.webp)}}.oc-root:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(130% 100% at 50% 44%,#0000 44%,#00071842 78%,#0005127a 100%);position:absolute;inset:0}.oc-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.oc-bubble{background:radial-gradient(circle at 32% 28%,#ffffff8c,#8cdcff1f 55%,#8cdcff00 70%);border:1px solid #a0e8ff80;border-radius:50%;animation:linear infinite oc-rise;position:absolute;bottom:-60px}@keyframes oc-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}90%{opacity:.5}to{opacity:0;transform:translate(24px,-105dvh)}}.oc-life{pointer-events:none;position:absolute;inset:0;overflow:hidden}.oc-swim{will-change:transform;animation:linear infinite alternate oc-patrol;position:absolute;left:0}@keyframes oc-patrol{0%{transform:translate(-22vw)}to{transform:translate(122vw)}}@keyframes oc-flip{0%,47%{transform:scaleX(1)}50%{transform:scaleX(.12)}53%,97%{transform:scaleX(-1)}to{transform:scaleX(.12)}}.oc-swim-bob{animation:3.4s ease-in-out infinite alternate oc-bob;display:block}@keyframes oc-bob{0%{transform:translateY(-7px)}to{transform:translateY(7px)}}.oc-swim-body{animation:linear infinite oc-flip;display:block}.oc-tail{transform-box:fill-box;transform-origin:0;animation:.5s ease-in-out infinite alternate oc-tail}@keyframes oc-tail{0%{transform:rotate(-11deg)}to{transform:rotate(11deg)}}.oc-whale-still{opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(300px,38vw,520px);animation:9s ease-in-out infinite alternate oc-whale-hover;position:absolute;top:9%;left:50%;translate:-76% -4%}@keyframes oc-whale-hover{0%{transform:translate(0)rotate(38deg)}to{transform:translate(3%,-4%)rotate(45deg)}}.oc-crab{opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(84px,11vw,145px);height:auto;position:absolute;bottom:5%;right:13%}.oc-flora{pointer-events:none;height:45%;position:absolute;inset:auto 0 0;overflow:hidden}.oc-weed{transform-origin:bottom;opacity:.72;width:70px;position:absolute;bottom:-8px}.oc-weed svg{transform-origin:bottom;width:100%;height:100%;animation:7s ease-in-out infinite alternate oc-weed-sway;display:block}@keyframes oc-weed-sway{0%{transform:skew(-7deg)scaleY(.98)}to{transform:skew(7deg)scaleY(1.02)}}.oc-motes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.oc-mote{background:radial-gradient(circle,#bef0fff2,#78d2ff00 70%);border-radius:50%;animation:ease-in-out infinite alternate oc-mote-drift;position:absolute}@keyframes oc-mote-drift{0%{opacity:.25;transform:translate(0)}to{opacity:.9;transform:translate(18px,-26px)}}.oc-stage{z-index:2;width:100%;max-width:556px;padding-bottom:30px;position:relative}.oc-logo{z-index:4;text-align:center;margin-bottom:-6px;animation:6s ease-in-out infinite alternate oc-float;position:relative}@keyframes oc-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.oc-logo:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(50% 50%,#6ecdff73,#6ecdff00 70%);width:300px;height:210px;position:absolute;top:6px;left:50%;translate:-50%}.oc-logo-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:20px;margin:0 auto;padding:0;display:block}.oc-logo-btn:focus-visible{outline-offset:4px;outline:2px solid #8cdcffcc}.oc-logo-whale{width:250px;height:auto;margin:0 auto;display:block;position:relative}.oc-logo-whale.is-badge{width:190px}.oc-frame{background:linear-gradient(#06286080,#020e2c94);border:2px solid #d9ad65e6;border-radius:46px 46px 42px 42px;margin-top:4px;padding:18px 20px;position:relative;box-shadow:inset 0 0 0 1px #fff0c833,0 0 30px #3caaff29,0 26px 60px #00061c8c}.oc-corner{z-index:3;aspect-ratio:210/171;filter:drop-shadow(0 3px 6px #00000080);pointer-events:none;background:url(/home/corner.webp) 50%/contain no-repeat;width:clamp(46px,12vw,76px);position:absolute}.oc-corner-tl{top:-8px;left:-10px}.oc-corner-tr{top:-8px;right:-10px;transform:scaleX(-1)}.oc-corner-bl{bottom:-8px;left:-10px;transform:scaleY(-1)}.oc-corner-br{bottom:-8px;right:-10px;transform:scale(-1)}.oc-crest{z-index:2;aspect-ratio:420/117;filter:drop-shadow(0 4px 10px #0000008c);pointer-events:none;background:url(/home/crest.webp) 50%/contain no-repeat;width:clamp(150px,34%,220px);position:absolute;top:-26px;left:50%;translate:-50%}.oc-footer-crest{z-index:3;aspect-ratio:520/82;filter:drop-shadow(0 5px 12px #0009);pointer-events:none;background:url(/home/footer.webp) 50%/contain no-repeat;width:clamp(210px,52%,340px);position:absolute;bottom:-22px;left:50%;translate:-50%}.oc-panel{background:linear-gradient(#0c3d85 0%,#072a61 46%,#041b45 100%);border:2px solid #d9ad65d9;border-radius:34px;position:relative;box-shadow:inset 0 0 0 1px #fff0c840,inset 0 0 0 2px #28c3ff1f,0 24px 60px #0009,0 0 60px #1e78dc40}.oc-form-card{background:linear-gradient(#03183ee6,#010c26f0);border:1px solid #30b9ff6b;border-radius:24px;margin:0 12px 12px;padding:14px 18px 16px}.oc-tabs{grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px 0;display:grid}.oc-tabs.is-solo{grid-template-columns:1fr}.oc-tab{color:#9fc2e8;letter-spacing:.06em;cursor:pointer;background:#02143680;border:1px solid #78beff47;border-radius:18px 18px 10px 10px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 8px;font-size:16px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s,border-color .18s;display:flex}.oc-tab:hover{color:#dceeff;border-color:#8cd2ff80}.oc-tab[aria-selected=true]{color:#fff;background:linear-gradient(#1f74d4,#0a3f92);border-color:#8cdcffd9;box-shadow:0 0 20px #5abeff80,inset 0 1px #ffffff59}.oc-tab svg{flex:none}.oc-divider{background:url(/home/divider.webp) 50%/auto 100% no-repeat,linear-gradient(90deg,#0000,#8cd7ffb3 30% 70%,#0000) 50%/100% 1px no-repeat;height:22px;margin:4px 18px 8px;position:relative}.oc-welcome{text-align:center;margin-bottom:12px}.oc-welcome h1{color:#fff;text-shadow:0 2px 12px #0009;justify-content:center;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.oc-welcome h1:before,.oc-welcome h1:after{content:"";opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='20' viewBox='0 0 108 20'%3E%3Cg fill='none' stroke='%23d9b45a' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10h58'/%3E%3Cpath d='M62 10c8-8 20-8 22 0-6 6-16 4-22 0Z'/%3E%3Cpath d='M84 10c6-5 14-5 18 0-5 5-13 5-18 0Z'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:54px;height:10px}.oc-welcome h1:before{transform:scaleX(-1)}.oc-welcome p{color:#bcd5ea;margin-top:4px;font-size:14px}.oc-field{background:#010e2a8c;border:1px solid #78beff4d;border-radius:14px;align-items:center;gap:10px;height:48px;margin-bottom:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.oc-field:focus-within{border-color:#8cdcffe6;box-shadow:0 0 0 3px #5abeff26,0 0 18px #5abeff4d}.oc-field svg{color:#7ea8d4;flex:none}.oc-field input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:16px}.oc-field input::placeholder{color:#7d9cc0}.oc-field input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out}.oc-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out}.oc-eye{color:#7ea8d4;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;padding:4px;display:flex}.oc-eye:hover{color:#c8e4ff}.oc-row{justify-content:center;align-items:center;margin:10px 2px 14px;font-size:14px;display:flex}.oc-link{color:#8fd0ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.oc-link:hover{color:#cceaff;text-decoration:underline}.oc-submit{color:#fff;letter-spacing:.28em;text-indent:.28em;cursor:pointer;background:radial-gradient(50% 7px at 50% 8px,#ffffffbf,#fff0 72%),linear-gradient(#3d9bf5 0%,#0d57bd 52%,#06306f 100%);border:2px solid #d9ad65e6;border-radius:999px;width:100%;height:56px;font-size:22px;font-weight:700;transition:filter .15s,transform .1s,box-shadow .1s;position:relative;box-shadow:0 7px #03215c,0 0 26px #46aaff73,inset 0 2px #ffffff59,inset 0 -10px 24px #00000059}.oc-submit:before,.oc-submit:after{content:"";aspect-ratio:420/147;pointer-events:none;background:50%/contain no-repeat;width:84px;position:absolute;top:50%;translate:0 -50%}.oc-submit:before{background-image:url(/home/scroll-l.webp);left:-40px}.oc-submit:after{background-image:url(/home/scroll-r.webp);right:-40px}.oc-submit:hover:not(:disabled){filter:brightness(1.1)}.oc-submit:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #03215c,0 0 18px #46aaff59,inset 0 2px #ffffff4d,inset 0 -10px 24px #00000059}.oc-submit:disabled{filter:grayscale(.35)brightness(.8);cursor:progress}.oc-error{color:#ffd3d3;text-align:center;background:#78141e66;border:1px solid #ff787899;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:14px}.oc-hint{color:#cfe6ff;text-align:center;background:#0a326e73;border:1px solid #8cd2ff66;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:14px}@media (max-width:640px){.oc-logo-whale{width:220px}.oc-panel-inner{padding:16px 14px 20px}.oc-tab{gap:6px;font-size:15px}.oc-submit{height:56px;font-size:19px}}@media (max-height:760px){.oc-logo-whale{width:200px}.oc-field{height:48px;margin-bottom:10px}.oc-submit{height:54px}}@media (prefers-reduced-motion:reduce){.oc-bubble,.oc-logo,.oc-swim,.oc-swim-bob,.oc-tail,.oc-whale-still,.oc-weed svg,.oc-mote{animation:none}.oc-life{display:none}}