@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#070b26;--panel:#0d143a;--ink:#f8fbff;--muted:#a0accf;--teal:#39e9fa;--blue:#227cff;--purple:#ae36ef;--pink:#ef39dd;--border:rgba(109,139,210,.22);--shadow:0 26px 100px rgba(0,0,15,.44);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at -4% 6%,#103578 0,transparent 31%),radial-gradient(ellipse at 99% 12%,#47135e 0,transparent 30%),radial-gradient(ellipse at 80% 99%,#122d6c 0,transparent 38%),#060922}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(182,211,255,.28) .6px,transparent .6px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 60%)}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}::selection{background:#6335dc;color:#fff}
.site-header{position:relative;z-index:2;width:min(1216px,calc(100% - 64px));height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:13px;color:white;text-decoration:none}.brand:hover{text-decoration:none}.brand-logo{width:46px;height:46px;border-radius:12px;object-fit:cover;box-shadow:0 0 25px #145cf44a}.brand-title{font-family:Outfit,system-ui,sans-serif;font-size:23px;line-height:1;font-weight:800;letter-spacing:-.65px}.brand-title b{color:var(--teal)}.brand-sub{display:block;margin-top:5px;color:#8698ce;font-size:9px;font-weight:800;letter-spacing:2.1px}.header-right{display:flex;gap:13px;align-items:center;color:#a9b7d7;font-size:12px;font-weight:600}.header-live{display:inline-block;width:7px;height:7px;background:#39e9fa;border-radius:100%;box-shadow:0 0 12px #39e9fa}
.auth-layout{position:relative;width:min(1216px,calc(100% - 64px));min-height:calc(100vh - 145px);margin:0 auto 30px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);border:1px solid rgba(129,154,230,.19);border-radius:32px;overflow:hidden;background:linear-gradient(120deg,rgba(7,19,54,.8),rgba(9,9,40,.86));box-shadow:var(--shadow)}
.visual-panel{position:relative;min-height:750px;display:flex;flex-direction:column;justify-content:space-between;padding:45px 54px;background:radial-gradient(ellipse at 48% 42%,#122883 0%,#0d1a58 28%,transparent 62%),linear-gradient(148deg,rgba(6,24,79,.98),rgba(6,12,49,.97) 70%);isolation:isolate;overflow:hidden}.visual-panel::after{content:"";z-index:-1;position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;bottom:-300px;background:#a312ef;filter:blur(125px);opacity:.24}.visual-panel::before{content:"";position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(121,167,255,.08);pointer-events:none}.visual-label{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 14px;border:1px solid #55dffc3b;border-radius:100px;background:#4cbdff0b;color:#7fe7fc;font-size:10px;letter-spacing:2px;font-weight:800}.visual-label i{width:7px;height:7px;border-radius:50%;background:#5cf3f8;box-shadow:0 0 15px #5cf3f8}.showpiece{position:relative;display:grid;place-items:center;flex:1;min-height:365px}.orbit{position:absolute;width:min(84%,390px);aspect-ratio:1;border:1px solid rgba(86,203,255,.24);border-radius:50%;transform:rotate(-22deg) scaleY(.76)}.orbit.two{width:min(97%,460px);transform:rotate(34deg) scaleY(.8);border-color:rgba(184,77,255,.17)}.orbit.three{width:min(72%,310px);border:1px dashed rgba(96,132,241,.18);transform:rotate(-35deg) scaleY(1.05)}.visual-blur{position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#028df7,#a61cce);filter:blur(95px);opacity:.35}.logo-stage{position:relative;width:245px;height:245px;transform:rotate(-7deg);filter:drop-shadow(0 26px 28px rgba(0,0,0,.46))}.logo-stage::before{content:"";position:absolute;inset:-10px;border-radius:30px;background:linear-gradient(130deg,#03e6fa50,transparent 48%,#d846f850);filter:blur(17px)}.logo-stage img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:30px;border:1px solid #60d9ff50;box-shadow:0 0 56px #277dff3a}.floating-pip{position:absolute;top:20%;right:12%;width:72px;height:72px;border:1px solid rgba(91,211,255,.25);border-radius:22px;display:grid;place-items:center;transform:rotate(16deg);background:rgba(19,46,113,.55);backdrop-filter:blur(15px);box-shadow:0 12px 44px rgba(0,0,0,.28)}.floating-pip svg{width:32px;height:32px;color:#55e5ff}.floating-pip.bottom{left:10%;top:auto;bottom:14%;right:auto;width:53px;height:53px;border-radius:18px;transform:rotate(-12deg);border-color:#a644fa4d}.floating-pip.bottom svg{color:#d55afb;width:24px;height:24px}.visual-copy{max-width:495px;position:relative}.micro{color:#46dff5;font-size:11px;font-weight:800;letter-spacing:2.8px;text-transform:uppercase}.visual-copy h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(39px,3.7vw,54px);line-height:1.065;letter-spacing:-2.1px;font-weight:800;margin:19px 0 18px}.visual-copy h1 span{background:linear-gradient(100deg,#5fefff,#9b87ff 65%,#ed5de9);-webkit-background-clip:text;background-clip:text;color:transparent}.visual-copy p{color:#b1bee0;line-height:1.7;font-size:14px;max-width:400px;margin:0}.visual-bottom{display:flex;align-items:center;gap:9px;color:#9cacd1;margin-top:36px;font-size:11px}.visual-bottom svg{width:15px;height:15px;color:#53e7e9}
.form-panel{position:relative;padding:34px clamp(32px,5.2vw,74px) 34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(144deg,rgba(11,16,52,.94),rgba(12,11,43,.98));border-left:1px solid rgba(131,157,235,.16)}.form-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 105% -5%,#7a28e013 0,transparent 55%)}.form-inner{position:relative;width:100%;max-width:450px}.auth-switch{display:flex;gap:5px;padding:5px;width:max-content;margin-bottom:30px;background:#101a45;border:1px solid #202f65;border-radius:12px}.auth-switch a{padding:10px 16px;color:#91a1c9;border-radius:9px;font-size:12px;font-weight:800;transition:.15s}.auth-switch a.active{color:#f2fcff;background:linear-gradient(110deg,#285feb,#7e32b9);box-shadow:0 5px 18px #12207891}.auth-switch a:hover{text-decoration:none;color:white}.eyebrow{display:flex;align-items:center;gap:9px;color:#52dced;font-size:10px;letter-spacing:2.3px;font-weight:800;text-transform:uppercase}.eyebrow::before{content:"";height:1px;width:22px;background:#52dced}.form-inner h2{font-family:Outfit,system-ui,sans-serif;font-size:clamp(32px,3.1vw,42px);line-height:1.1;letter-spacing:-1.2px;font-weight:800;margin:16px 0 10px}.form-inner h2 em{font-style:normal;background:linear-gradient(100deg,#6dedf8,#c760fb);-webkit-background-clip:text;background-clip:text;color:transparent}.form-intro{font-size:13px;line-height:1.65;color:#a2aed3;margin:0 0 27px}.field{margin-bottom:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:800;color:#d6e0fa;margin:0 0 10px}.input-wrap{position:relative}.input-wrap input{width:100%;height:56px;appearance:none;border:1px solid #27376d;border-radius:13px;background:rgba(20,30,76,.74);color:#f8fcff;padding:0 49px 0 47px;font-size:13px;font-weight:600;letter-spacing:.05px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:#7888b4;font-weight:500}.input-wrap input:focus{outline:none;border-color:#49c7f1;box-shadow:0 0 0 3px #42c4fb16,0 0 24px #297bff20;background:rgba(19,31,79,.94)}.input-wrap .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#43d0f5;pointer-events:none}.eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#8494c4;display:grid;place-items:center;width:34px;height:34px;border-radius:8px}.eye-button:hover{color:#67e4fb;background:#27467f30}.eye-button svg{width:19px;height:19px}.helper{display:block;margin-top:7px;color:#798bb7;font-size:11px;line-height:1.5}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 22px}.checklabel{display:inline-flex;gap:9px;align-items:flex-start;color:#bfc9e5;font-size:12px;line-height:1.65;font-weight:600;cursor:pointer}.checklabel input{width:16px;height:16px;flex:none;accent-color:#4dc9fa;margin:1px 0 0}.small-link{font-size:12px;font-weight:800;color:#59e6fb}.primary-btn{position:relative;width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(100deg,#1483ff 0%,#4735ec 49%,#c014e8 100%);border:1px solid #4ec9ff;border-radius:14px;color:#fff;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:.2px;box-shadow:0 10px 38px #7724fb48,inset 0 1px #ffffff6b;transition:transform .18s,box-shadow .18s,filter .18s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 43px #8035fa85;filter:brightness(1.08)}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.7}.btn-arrow{display:inline-grid;place-items:center;width:27px;height:27px;background:#ffffff28;border-radius:50%;font-size:20px;font-family:Arial;font-weight:400}.btn-spinner{width:17px;height:17px;border-radius:50%;border:2px solid #ffffff66;border-top-color:white;animation:spin .7s linear infinite;display:none}.primary-btn.loading .btn-spinner{display:block}.primary-btn.loading .btn-arrow{display:none}@keyframes spin{to{transform:rotate(360deg)}}.under-action{text-align:center;color:#a6b2d3;font-size:12px;font-weight:600;margin-top:23px}.under-action a{font-weight:800;margin-left:4px}.notice-card{padding:12px 13px;margin-top:23px;border:1px solid #293967;border-radius:12px;display:flex;align-items:center;gap:9px;color:#91a4cf;font-size:11px;line-height:1.55;background:#101f4a40}.notice-card svg{width:15px;height:15px;flex:none;color:#54dfe9}.field-error{color:#ff8baf;font-size:11px;line-height:1.5;margin:7px 2px 0;display:none}.field.invalid .input-wrap input{border-color:#e96298}.field.invalid .field-error{display:block}.error-alert{display:none;padding:13px 14px;margin:0 0 16px;border:1px solid #f4689680;background:#f2375b18;color:#ffbbd0;border-radius:12px;font-size:12px;line-height:1.5}.error-alert.show{display:block}.success-alert{display:none;padding:13px 14px;margin:0 0 16px;border:1px solid #5ce9c980;background:#2fc78f16;color:#acf6dc;border-radius:12px;font-size:12px;line-height:1.5}.success-alert.show{display:block}.pw-meter{display:flex;align-items:center;gap:7px;margin:8px 0 3px}.pw-meter i{height:4px;border-radius:12px;flex:1;background:#273665;transition:background .2s}.pw-meter[data-strength="1"] i:nth-child(-n+1){background:#f47a95}.pw-meter[data-strength="2"] i:nth-child(-n+2){background:#f6be6a}.pw-meter[data-strength="3"] i:nth-child(-n+3){background:#52cdf9}.pw-meter[data-strength="4"] i:nth-child(-n+4){background:#4be9be}.pw-note{display:flex;justify-content:space-between;gap:10px;color:#8292bb;font-size:10px;margin-top:6px}.pw-note span:last-child{color:#9bb0e0}.terms-row{margin:4px 0 21px}.mobile-brand{display:none}.site-footer{position:relative;text-align:center;padding:6px 20px 25px;font-size:11px;color:#8090b9;line-height:1.6}.site-footer span{margin:0 9px;color:#41517e}
/* Account view */
.account-layout{max-width:1030px;margin:56px auto;padding:0 24px}.account-card{padding:clamp(24px,5vw,56px);border:1px solid var(--border);border-radius:27px;background:linear-gradient(140deg,#111c4d,#0c1032);box-shadow:var(--shadow);position:relative;overflow:hidden}.account-card::after{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-120px;background:#814cf42e;filter:blur(75px);border-radius:100%;pointer-events:none}.account-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.account-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#58e0ef;font-weight:800}.account-heading{font:800 clamp(31px,5vw,52px)/1.1 Outfit,system-ui,sans-serif;letter-spacing:-1.8px;margin:23px 0 12px}.account-copy{font-size:14px;line-height:1.8;color:#adbbdc;max-width:620px}.profile-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:37px}.profile-item{border:1px solid #2c3c6c;border-radius:15px;background:#101b46;padding:18px;min-width:0}.profile-item small{display:block;color:#869ac7;font-weight:700;font-size:11px;margin-bottom:10px}.profile-item strong{display:block;color:#f6fbff;font-size:15px;overflow-wrap:anywhere}.outline-btn{border:1px solid #355487;background:#18254f;color:#e7f9ff;border-radius:12px;padding:11px 18px;font-size:12px;font-weight:800}.outline-btn:hover{border-color:#46d8ed;background:#23396b}.account-foot{margin-top:35px;color:#a9b6d5;font-size:12px;line-height:1.7;border-top:1px solid #273663;padding-top:20px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:20px;background:rgba(2,5,24,.76);backdrop-filter:blur(10px)}.modal-backdrop.open{display:grid}.modal{max-width:430px;width:100%;border-radius:23px;border:1px solid #3b568f;background:#111b45;padding:29px;box-shadow:0 28px 85px #0009}.modal h3{font:800 23px Outfit;margin:0 0 9px}.modal p{font-size:13px;color:#b0bfdd;line-height:1.7}.modal button{margin-top:12px}.hidden{display:none!important}
@media(max-width:1040px){.visual-panel{padding:37px 35px}.form-panel{padding:35px 35px}.visual-copy h1{font-size:40px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(405px,1fr)}}
@media(max-width:850px){body{background:radial-gradient(ellipse at 50% -20%,#11377c 0,transparent 51%),radial-gradient(ellipse at 98% 70%,#331162 0,transparent 49%),#070b26}.site-header{width:calc(100% - 36px);height:79px}.header-right{font-size:11px}.visual-panel{display:none}.auth-layout{grid-template-columns:1fr;min-height:auto;width:min(540px,calc(100% - 28px));margin:12px auto 21px;border-radius:27px}.form-panel{border-left:0;padding:35px 34px 38px}.form-inner{max-width:100%}.mobile-brand{display:flex;align-items:center;flex-direction:column;text-align:center;margin:0 auto 29px}.mobile-brand img{width:78px;height:78px;object-fit:cover;border-radius:19px;box-shadow:0 0 28px #2065d970,0 0 9px #6e38d4b5}.mobile-brand strong{font:800 19px Outfit;margin-top:11px;letter-spacing:.5px}.mobile-brand span{color:#59ddf8;font-size:9px;font-weight:800;letter-spacing:2.3px;margin-top:4px}.form-inner h2{font-size:36px}.auth-switch{margin-bottom:25px}}
@media(max-width:500px){.site-header{height:69px}.brand-logo{width:38px;height:38px;border-radius:10px}.brand-title{font-size:19px}.brand-sub{font-size:7px;letter-spacing:1.7px}.header-right .header-live{display:none}.header-right{font-size:10px}.auth-layout{margin:4px auto 18px;border-radius:22px;width:calc(100% - 22px)}.form-panel{padding:29px 23px 32px}.form-inner h2{font-size:33px}.form-intro{font-size:12px;margin-bottom:24px}.field-row{grid-template-columns:1fr;gap:0}.input-wrap input{height:54px}.auth-switch a{padding:9px 14px}.notice-card{margin-top:20px}.site-footer{font-size:10px}.profile-line{grid-template-columns:1fr}.account-layout{margin:18px auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}


/* Reel$Eco Mobile Edition v2 — deliberate single-column phone layout on ALL devices. */
html,body{min-width:320px;overflow-x:hidden}
body{background:radial-gradient(ellipse 560px 560px at 8% 0%,rgba(14,58,128,.28),transparent 80%),radial-gradient(ellipse 380px 650px at 100% 55%,rgba(115,24,154,.2),transparent 80%),#060920}
.auth-layout{display:block;grid-template-columns:none;width:min(100%,470px);min-height:calc(100dvh - 39px);height:auto;margin:0 auto 0;border:0;border-left:1px solid rgba(79,115,190,.18);border-right:1px solid rgba(79,115,190,.18);border-radius:0;overflow:visible;background:linear-gradient(165deg,#0b1135 0%,#111037 58%,#0a0d2b 100%);box-shadow:0 10px 90px #0007}
.auth-layout::before{content:"";position:absolute;left:10%;right:10%;height:160px;top:25px;background:radial-gradient(ellipse,#226ce82b 0,transparent 65%);filter:blur(18px);pointer-events:none}
.form-panel,.form-panel.compact-panel{display:block;min-height:auto;padding:38px 29px 35px;border:0;background:none}
.form-inner{max-width:none}
.mobile-brand{display:flex!important;flex-direction:column;align-items:center;text-align:center;margin:0 auto 32px;position:relative}
.mobile-brand::before{content:"";position:absolute;top:18px;left:calc(50% - 75px);width:150px;height:110px;border-radius:50%;filter:blur(26px);background:linear-gradient(110deg,#008efc52,#a108de52);pointer-events:none}
.mobile-brand img{position:relative;width:120px;height:120px;border-radius:27px;object-fit:cover;border:1px solid #32dcff6b;box-shadow:0 12px 28px #020419aa,0 0 21px #24a3ff63,0 0 35px #8b1af84d}
.mobile-brand strong{font:900 24px/1.2 Outfit,system-ui,sans-serif;letter-spacing:.2px;margin-top:16px;text-shadow:0 2px 18px #0016}
.mobile-brand span{color:#50e0fb;font-size:10px;letter-spacing:3px;font-weight:800;margin-top:5px}
.auth-switch,.notice-card,.site-header,.visual-panel{display:none!important}
.eyebrow{font-size:10px;letter-spacing:2.3px;margin-top:2px}
.form-inner h2{font-size:clamp(32px,8vw,39px);margin:16px 0 11px;line-height:1.11}
.form-intro{font-size:13px;line-height:1.65;margin-bottom:25px}
.field{margin-bottom:19px}.field label{font-size:12.5px;margin-bottom:10px}
.input-wrap input{height:57px;font-size:13px}
.field-row{display:grid;grid-template-columns:1fr;gap:0}
.form-options{margin:2px 0 21px}
.primary-btn{height:61px;font-size:16px;border-radius:16px}
.under-action{font-size:12.5px;margin-top:24px;margin-bottom:0}
.download-app-button{margin-top:30px;width:100%;min-height:73px;padding:13px 16px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #3471aeaa;border-radius:16px;background:linear-gradient(110deg,rgba(22,50,100,.78),rgba(42,23,81,.72));box-shadow:inset 0 1px #65c1ff22,0 12px 30px #03031845;color:#eaf7ff;transition:border-color .18s,transform .18s,background .18s}
.download-app-button:hover{border-color:#53d4f6;transform:translateY(-1px);background:#1b2858}
.download-app-button>svg{color:#44e3f8;flex:0 0 22px}
.download-app-copy{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}
.download-app-copy strong{font:800 14px Outfit,system-ui,sans-serif}
.download-app-copy small{color:#97b0d8;font-size:11px}
.download-app-chevron{color:#58e7fb;font-size:20px}
.site-footer{width:min(100%,470px);margin:0 auto;padding:13px 16px 25px;background:#0a0d2b;font-size:10px}
.modal-symbol{width:50px;height:50px;background:linear-gradient(130deg,#0d70d8,#8025c5);border:1px solid #57defa;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;color:white;font-size:27px}
.form-success{display:none;margin:0 0 20px;border:1px solid #2ccfa97c;background:#0a554439;color:#b1f8db;padding:14px;border-radius:13px;line-height:1.6;font-size:12px}
.form-success.show{display:block}
.back-link{display:inline-flex;align-items:center;gap:8px;color:#80d7ec;font-size:12px;font-weight:800;margin-bottom:24px}
.back-link:hover{text-decoration:none;color:#d8faff}
.form-hint{font-size:11px;color:#94a3c9;line-height:1.6;margin:-4px 0 22px}
@media(min-width:700px){.auth-layout{min-height:calc(100dvh - 48px)}.form-panel,.form-panel.compact-panel{padding:45px 39px 42px}}
@media(max-width:500px){.auth-layout{width:100%;border:0;margin:0;min-height:calc(100dvh - 36px)}.form-panel,.form-panel.compact-panel{padding:31px 25px 30px}.mobile-brand{margin-bottom:29px}.mobile-brand img{width:115px;height:115px}.mobile-brand strong{font-size:23px}.form-intro{font-size:12.5px}.site-footer{font-size:10px}}
@media(max-width:355px){.form-panel,.form-panel.compact-panel{padding:29px 18px}.form-options .small-link{font-size:11px}.mobile-brand img{width:105px;height:105px}}
/* Account and policy pages also fit a phone viewport. */
.account-layout{max-width:470px;margin:0 auto;padding:18px 14px 28px;min-height:calc(100dvh - 50px)}
.account-card{padding:26px 22px;border-radius:22px}.profile-line{grid-template-columns:1fr}.account-heading{font-size:35px}