@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--navy:#10162e;--navy2:#191e42;--purple:#63309b;--gold:#e1bd5b;--ink:#1d1925;--muted:#898392;--line:#e8e3ed}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",Arial;color:var(--ink);background:#f5f3f7}button,input{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.bg{position:absolute;inset:0;background:radial-gradient(circle at 0 0,#ddd2ea,transparent 30%),radial-gradient(circle at 100% 100%,#eee3bf,transparent 27%),#f7f5f8}.card{width:min(1160px,100%);min-height:690px;display:grid;grid-template-columns:55% 45%;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #29203822;position:relative;z-index:1}.visual{padding:34px 42px;color:#fff;background:radial-gradient(circle at 82% 28%,#633b91aa,transparent 27%),linear-gradient(145deg,#0d132c,#171c3c 55%,#34205a);position:relative;overflow:hidden}.visual:before{content:"";position:absolute;width:610px;height:610px;border:1px solid #e1bd5b2b;border-radius:50%;right:-330px;top:40px;box-shadow:0 0 0 80px #e1bd5b09,0 0 0 160px #e1bd5b05}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand{position:relative;z-index:2}.logo{width:56px;height:56px;border-radius:16px;background:#fff;color:#48247b;display:grid;place-items:center;font:800 18px Manrope;position:relative;border:1px solid var(--gold);letter-spacing:-2px}.logo small{position:absolute;right:6px;bottom:5px;color:var(--gold);font-size:10px;letter-spacing:0}.brand b,.mobile-brand b{display:block;font:800 15px Manrope;letter-spacing:.5px}.brand i,.mobile-brand i{display:block;color:var(--gold);font-style:normal;font-size:8px;letter-spacing:3px;margin-top:5px}.badge{position:absolute;right:42px;top:45px;font-size:7px;letter-spacing:1.4px;border:1px solid #fff2;border-radius:30px;padding:9px 12px;color:#d8d2df}.badge:first-letter{color:#62dc9a}.hero{margin-top:65px;position:relative;z-index:2}.hero>small{font-size:8px;color:var(--gold);letter-spacing:2px;font-weight:800}.hero h1{font:800 42px/1.08 Manrope;letter-spacing:-2px;margin:15px 0}.hero h1 strong{color:var(--gold)}.hero p{font-size:11px;line-height:1.8;color:#c8c1d2;max-width:440px}.orbit{height:275px;position:relative;margin-top:5px}.core{position:absolute;left:48%;top:65px;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#ffffff12;border:1px solid #e1bd5b66;box-shadow:0 0 0 30px #e1bd5b06}.core strong{font:800 28px Manrope;letter-spacing:-4px}.core small{font-size:5px;text-align:center;color:var(--gold);letter-spacing:1.4px;margin-top:5px}.orb-card{position:absolute;width:170px;height:57px;border-radius:14px;background:#fff10f;border:1px solid #fff2;display:flex;align-items:center;gap:10px;padding:9px;backdrop-filter:blur(8px)}.orb-card b{width:36px;height:36px;border-radius:11px;background:#fff;color:#44216f;display:grid;place-items:center;font:800 14px Manrope}.orb-card span{font-size:9px;font-weight:800}.orb-card small{display:block;color:#aaa4b1;font-size:7px;font-weight:400;margin-top:3px}.orb-card.a{left:0;top:70px;border-bottom:3px solid #d43f50}.orb-card.b{right:4px;top:18px;border-bottom:3px solid #3477c9}.orb-card.c{right:22px;bottom:18px;border-bottom:3px solid var(--gold)}.trust{position:absolute;left:42px;right:42px;bottom:26px;border-top:1px solid #fff2;padding-top:15px;display:flex;gap:25px;color:#aaa2b2;font-size:7px}.trust span:first-letter{color:#64db9b}.form-area{padding:58px 58px 25px;display:flex;flex-direction:column;justify-content:center}.mobile-brand{display:none}.top{display:flex;justify-content:space-between;align-items:center}.top>span{font-size:8px;color:var(--purple);letter-spacing:1.7px;font-weight:900;background:#f5eefb;border:1px solid #e4d7ef;border-radius:20px;padding:8px 11px}.top em{font-style:normal;font-size:7px;border:1px solid #e9e4ed;border-radius:10px;padding:9px;color:#77707e}.form-area h2{font:800 29px Manrope;letter-spacing:-1.2px;margin:18px 0 6px}.sub{font-size:10px;color:var(--muted);margin:0 0 22px}.error,.success{display:flex;gap:9px;align-items:center;border-radius:11px;padding:10px;font-size:9px;margin:-8px 0 12px}.error{background:#fff0f2;border:1px solid #f1d0d5;color:#9c3d48}.success{background:#eefaf3;border:1px solid #cce8d6;color:#27754a}.error b,.success b{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#f7dade}.form-area form{display:grid;gap:7px}.form-area form>label,.line label{font-size:8px;font-weight:900;color:#514b5b;margin-top:3px}.line{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.line a{font-size:8px;color:var(--purple);text-decoration:none;font-weight:800}.input{height:52px;border:1px solid var(--line);border-radius:12px;background:#fcfbfd;display:flex;align-items:center;position:relative}.input:focus-within{border-color:#9b72c3;box-shadow:0 0 0 4px #63309b10;background:#fff}.input>span{position:absolute;left:14px;color:#7543a2;font-size:15px}.input input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 42px;font-size:10px}.input input::placeholder{color:#aaa4af}.input button{position:absolute;right:8px;border:0;background:transparent;color:var(--purple);font-size:7px;font-weight:900;cursor:pointer}.remember{display:flex!important;align-items:center;gap:6px!important;font-size:8px!important;color:#898390!important;font-weight:400!important;margin:5px 0 12px!important}.remember input{accent-color:var(--purple)}.submit{height:53px;border:0;border-radius:13px;background:linear-gradient(100deg,#3d1a70,#773da8);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 17px;cursor:pointer;box-shadow:0 13px 28px #63309b3b}.submit b{font-size:8px;letter-spacing:1px}.submit span{width:33px;height:33px;border-radius:10px;background:#fff1;display:grid;place-items:center;font-size:15px}.divider{text-align:center;color:#aaa4af;font-size:6px;letter-spacing:1px;font-weight:900;margin:21px 0 11px;position:relative}.divider:before,.divider:after{content:"";display:inline-block;vertical-align:middle;width:30%;height:1px;background:#eee9f0;margin:0 9px}.register{min-height:51px;border:1px solid #dfd7e8;border-radius:12px;text-decoration:none;color:#4f287d;padding:8px 13px;display:flex;align-items:center;justify-content:space-between}.register span{display:grid}.register b{font-size:9px}.register small{font-size:7px;color:#aaa3af;margin-top:3px}.register>strong{font-size:17px}.note{display:flex;gap:9px;border-top:1px solid #eee9f0;margin-top:20px;padding-top:14px;color:#62408b;font-size:11px}.note span{display:grid}.note b{font-size:8px;color:#3e3847}.note small{font-size:7px;color:#aaa3af;margin-top:3px}.form-area footer{text-align:center;color:#aaa5ae;font-size:6px;margin-top:15px}.single{grid-template-columns:1fr;max-width:590px;min-height:auto}.single .form-area{padding:38px 48px}.single .mobile-brand{display:flex;margin-bottom:25px}
@media(max-width:900px){.card{grid-template-columns:1fr;max-width:590px}.visual{display:none}.form-area{padding:30px 28px 24px}.mobile-brand{display:flex;margin-bottom:26px}.form-area h2{font-size:26px}}
@media(max-width:450px){.page{padding:9px}.card{border-radius:20px}.form-area{padding:23px 17px}.form-area h2{font-size:24px}.top em{display:none}.input{height:50px}.submit{height:51px}.divider:before,.divider:after{width:23%}}