.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-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}}