*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}:root{--page-bg: #f4f5f8;--surface: #ffffff;--surface-muted: #fafbfc;--text-primary: #1a1d24;--text-secondary: #4a4f5b;--text-tertiary: #7d8390;--text-disabled: #a8adb7;--border-default: #e2e3ea;--border-card: #ececf1;--accent-primary: #1f51bf;--accent-primary-deep: #153f9f;--accent-primary-bg: #e8efff;--accent-section: #146ef5;--error-strong: #ee1d36}body{height:100vh;overflow:hidden;display:flex;background:var(--page-bg);color:var(--text-primary)}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulse-ring{0%,to{opacity:.1}50%{opacity:.22}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}@keyframes notif-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;width:100%;height:100vh;overflow:hidden;position:relative}#particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(140deg,#153f9f,#1f51bf 32%,#146ef5 72%,#7eaef8);overflow:hidden}#particles .pg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25}.brand-panel{width:55%;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;flex-shrink:0}.brand-inner{position:relative;z-index:2;padding:48px 56px;display:flex;flex-direction:column;gap:24px;width:100%;height:100%;justify-content:center;animation:fade-up .7s ease-out both}.brand-logo-img{width:148px;display:block;filter:brightness(0) invert(1);opacity:.95;flex-shrink:0}.brand-copy{max-width:480px}.brand-title{font-size:clamp(32px,3.6vw,50px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.2px}.brand-title em{font-style:normal;background:linear-gradient(90deg,#fff 30%,#ffffff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-desc{margin-top:12px;color:#ffffffb8;font-size:15.5px;line-height:1.6;font-weight:400;max-width:400px}.brand-features{display:flex;flex-wrap:wrap;gap:10px}.feature-tag{display:inline-flex;align-items:center;gap:7px;background:#ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(232,239,255,.24);border-radius:100px;padding:7px 15px 7px 11px;color:#ffffffe6;font-size:13px;font-weight:500;transition:background .2s}.feature-tag:hover{background:#e8efff33}.ftag-icon{font-size:15px;color:#ffffffe0!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;cursor:default!important;transition:none!important}.brand-stats{display:flex;align-items:center;background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(232,239,255,.22);border-radius:16px;padding:18px 24px;width:-moz-fit-content;width:fit-content;gap:0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:0 22px}.stat-item:first-child{padding-left:0}.stat-item:last-child{padding-right:0}.stat-num{font-size:24px;font-weight:700;color:#fff;line-height:1}.stat-lbl{font-size:10.5px;color:#ffffff85;margin-top:4px;letter-spacing:.05em;text-transform:uppercase}.stat-divider{width:1px;height:32px;background:#ffffff29;flex-shrink:0}.preview-float{display:flex;flex-direction:column;gap:12px;animation:float-y 5s ease-in-out infinite}.pf-card{background:#ffffff1c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:20px 24px;width:300px;box-shadow:0 20px 48px #0003}.pf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pf-label{font-size:12px;color:#ffffff94;font-weight:500}.pf-badge{background:#4ade802e;color:#4ade80;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid rgba(74,222,128,.25)}.pf-value{font-size:34px;font-weight:700;color:#fff;letter-spacing:-1px;margin-bottom:16px}.pf-bars{display:flex;align-items:flex-end;gap:6px;height:52px}.pf-bar{flex:1;height:var(--h, 50%);background:linear-gradient(180deg,#fff9,#ffffff2e);border-radius:4px 4px 0 0;transform-origin:bottom;animation:bar-rise .7s cubic-bezier(.22,.68,0,1.2) both}.pf-bar:nth-child(1){animation-delay:.1s}.pf-bar:nth-child(2){animation-delay:.18s}.pf-bar:nth-child(3){animation-delay:.26s}.pf-bar:nth-child(4){animation-delay:.34s}.pf-bar:nth-child(5){animation-delay:.42s}.pf-bar:nth-child(6){animation-delay:.5s}.pf-bar:nth-child(7){animation-delay:.58s}.pf-notif{display:flex;align-items:center;gap:12px;background:#ffffff17;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 18px;width:300px;animation:notif-in .5s .8s ease-out both}.pf-notif-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.pf-notif-text{display:flex;flex-direction:column;gap:2px}.pf-notif-text strong{display:block;color:#ffffffeb;font-size:13px;font-weight:600}.pf-notif-text span{color:#ffffff7a;font-size:11.5px}.deco{position:absolute;pointer-events:none;border-radius:50%}.deco-orb-1{width:440px;height:440px;background:radial-gradient(circle,rgba(232,239,255,.24),transparent 70%);filter:blur(72px);top:-100px;right:-80px;z-index:0}.deco-orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);filter:blur(90px);bottom:-80px;left:-60px;z-index:0}.deco-orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(20,110,245,.24),transparent 70%);filter:blur(48px);bottom:140px;right:40px;z-index:0}.deco-ring-1{width:300px;height:300px;border:1.5px solid rgba(255,255,255,.09);bottom:60px;right:20px;z-index:1;animation:ring-spin 40s linear infinite,pulse-ring 7s ease-in-out infinite}.deco-ring-2{width:160px;height:160px;border:1px solid rgba(255,255,255,.07);bottom:130px;right:90px;z-index:1;animation:ring-spin-rev 25s linear infinite,pulse-ring 9s ease-in-out infinite}.image-section{display:none}.login-section{width:45%;height:100vh;flex-shrink:0;background:linear-gradient(180deg,#fffffff0,#fafbfcfa);display:flex;align-items:center;justify-content:center;padding:48px 40px;position:relative;z-index:1;box-shadow:-32px 0 80px #14161c1a;animation:slide-right .6s .15s ease-out both;overflow-y:auto;border-left:1px solid rgba(231,234,242,.7)}.login-box{margin:0;text-align:left;width:100%;max-width:360px;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none}.logo{display:block;width:130px;margin:0 0 30px}.login-box-2{margin-top:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;height:auto;padding:0}.login-box h2{background:transparent;color:var(--text-primary);padding:0;border-radius:0;font-size:28px;font-weight:700;letter-spacing:-.6px;line-height:1.15;margin-bottom:6px}.login-sub{color:var(--text-tertiary)!important;font-size:14px!important;line-height:1.5!important;margin-bottom:28px!important;margin-top:0!important;display:block}.input-group{position:relative;margin:0 auto 18px;width:100%}.input-group input{width:100%}.input-group .icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;cursor:pointer}.group{position:relative;width:100%}.input{width:100%;font-size:15px;padding:22px 44px 8px 16px;display:block;height:58px;border:1.5px solid var(--border-default);border-radius:12px;background:var(--surface);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:focus{outline:none;border-color:var(--accent-primary);background:var(--surface);box-shadow:0 0 0 3px #1f51bf1f}.group i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-disabled);font-size:17px;cursor:pointer;transition:color .2s ease}.group:focus-within i{color:var(--accent-primary)}i{transition:color .2s ease}label{color:var(--text-disabled);font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:16px;top:50%;transform:translateY(-50%);transition:.18s ease all;-moz-transition:.18s ease all;-webkit-transition:.18s ease all}.input:focus~label,.input:valid~label{top:10px;transform:translateY(0);font-size:10.5px;color:var(--accent-primary);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bar{display:none}.bar:before,.bar:after{display:none}.highlight{display:none}.forgot-password{display:block;text-align:right;font-size:13px;color:var(--accent-primary);text-decoration:none;width:100%;margin:2px 0 26px;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:var(--accent-primary-deep)}.button{margin-top:0;display:block;width:100%;border-radius:12px;border:none;background:var(--accent-primary);color:#fff;font-family:inherit;text-align:center;font-size:15px;font-weight:600;padding:16px 20px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;cursor:pointer;letter-spacing:.15px;box-shadow:0 8px 20px #153f9f33}.button:hover{background:var(--accent-primary-deep);box-shadow:0 10px 24px #153f9f3d;transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:0 4px 12px #153f9f29}.button span{display:inline-block;position:relative;transition:none}.button span:after{display:none}.button:hover span{padding-right:0}.register{font-size:13px;margin-top:20px;color:var(--text-tertiary)}.register a{color:var(--accent-primary);text-decoration:none;font-weight:500}.erro{display:flex;color:var(--error-strong);font-size:12px;margin-top:6px;justify-content:flex-start;padding-left:2px}.group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--text-disabled);transition:.18s ease all;pointer-events:none;font-weight:400}.group input:not(:-moz-placeholder-shown)~label{top:10px;transform:translateY(0);font-size:10.5px;color:var(--accent-primary);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.group input:focus~label,.group input:not(:placeholder-shown)~label{top:10px;transform:translateY(0);font-size:10.5px;color:var(--accent-primary);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.group input:-webkit-autofill~label{top:10px;transform:translateY(0);font-size:10.5px;color:var(--accent-primary);font-weight:600}@media(max-width:1200px){.brand-inner{padding:40px 44px;gap:20px}.brand-title{font-size:clamp(28px,3.2vw,44px)}.pf-card,.pf-notif{width:270px}.brand-stats{padding:14px 20px}.stat-item{padding:0 16px}}@media(max-width:1024px){.brand-panel{width:52%}.login-section{width:48%}.brand-inner{padding:36px 40px;gap:18px}.preview-float{display:none}.brand-title{font-size:clamp(26px,3vw,40px)}.brand-features{gap:8px}.feature-tag{font-size:12px;padding:6px 13px 6px 10px}}@media(max-width:768px){body{overflow:auto;height:auto;min-height:100vh}.brand-panel{display:none}.login-section{width:100%;height:auto;min-height:100vh;background:transparent;box-shadow:none;animation:fade-up .6s ease-out both;padding:60px 24px 48px;align-items:center}.login-box{background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(236,236,241,.92);border-radius:22px;padding:40px 36px 48px;box-shadow:0 24px 64px #14161c29;text-align:center;max-width:420px}.logo{display:none}.login-box h2{font-size:26px;text-align:center}.login-sub{text-align:center!important}.forgot-password{text-align:right}}@media(max-width:480px){.login-section{padding:40px 16px}.login-box{padding:36px 24px 44px;border-radius:20px;max-width:100%}.logo{display:none}}@media(max-width:360px){.login-box{padding:28px 20px 36px}.login-box h2{font-size:22px}}