@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");.hum-split-container{--hum-paper:oklch(97% 0.015 255);--hum-paper-2:oklch(100% 0 0);--hum-ink:oklch(25% 0.02 280);--hum-ink-2:oklch(50% 0.02 280);--hum-rule:oklch(92% 0.02 90);--hum-accent:#4285F4;--hum-accent-light:#E8F0FE;--hum-accent-blue-2:#1967D2;--hum-accent-cyan:#24C1E0;--hum-accent-ink:oklch(100% 0 0);--hum-focus:#4285F4;--hum-error:oklch(65% 0.24 25);--hum-font-body:"Geist",sans-serif;--hum-space-3xs:0.25rem;--hum-space-2xs:0.5rem;--hum-space-xs:0.75rem;--hum-space-sm:1rem;--hum-space-md:1.5rem;--hum-space-lg:2rem;--hum-space-xl:3rem;--hum-space-2xl:4.5rem;--hum-space-3xl:7rem;--hum-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--hum-ease-out:cubic-bezier(0.16,1,0.3,1);--hum-dur-short:200ms;--hum-dur-med:400ms;--hum-dur-bounce:600ms;--hum-radius-card:24px;--hum-radius-input:12px;--hum-radius-pill:9999px;min-height:100vh;width:100%;color:var(--hum-ink);font-family:var(--hum-font-body);overflow-x:hidden}.hum-login-sidebar,.hum-split-container{display:flex;background-color:var(--hum-paper-2);position:relative}.hum-login-sidebar{flex:0 0 40%;width:40%;min-width:380px;border-left:1px solid oklch(92% .015 250);flex-direction:column;justify-content:center;padding:var(--hum-space-2xl) var(--hum-space-xl);z-index:10;box-shadow:-4px 0 24px rgba(0,0,0,.01)}.hum-login-sidebar-content{width:100%;max-width:360px;margin:0 auto;display:flex;flex-direction:column;gap:var(--hum-space-lg)}.hum-showcase-panel{flex:0 0 60%;width:60%;background-color:var(--hum-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--hum-space-2xl)}.hum-showcase-panel:before{top:-15%;left:-10%;width:60vw;height:60vh;background:radial-gradient(circle,oklch(90% .05 250/35%) 0,transparent 70%);filter:blur(80px)}.hum-showcase-panel:after,.hum-showcase-panel:before{content:"";position:absolute;pointer-events:none;z-index:1}.hum-showcase-panel:after{bottom:-15%;right:-10%;width:70vw;height:70vh;background:radial-gradient(circle,oklch(94% .03 90/55%) 0,transparent 70%);filter:blur(100px)}.hum-showcase-content{position:relative;z-index:5;width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:var(--hum-space-2xl)}.hum-character-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.hum-bg-icon{position:absolute;animation:hum-float-around 20s ease-in-out infinite alternate;opacity:.18;font-size:160px;color:var(--hum-accent);text-shadow:0 8px 24px rgba(66,133,244,.15);-webkit-text-stroke:1.5px rgba(255,255,255,.6)}.hum-icon-1{color:var(--hum-accent);top:8%;left:8%;animation-delay:0s;transform-origin:center}.hum-icon-2{color:var(--hum-accent);bottom:12%;right:12%;animation-delay:-5s;animation-duration:25s;font-size:200px}.hum-icon-3{color:var(--hum-accent-cyan);top:18%;right:5%;animation-delay:-10s;animation-duration:30s;font-size:140px}@keyframes hum-float-around{0%{transform:translate(0) rotate(-10deg) scale(1)}50%{transform:translate(25px,15px) rotate(8deg) scale(1.03)}to{transform:translate(-15px,35px) rotate(15deg) scale(.97)}}.hum-mockup-wrapper{display:flex;flex-direction:column;gap:var(--hum-space-md);width:100%;position:relative;height:240px}.hum-mockup-card{background-color:var(--hum-paper-2);border:1px solid oklch(93% .015 250);border-radius:16px;padding:var(--hum-space-md);box-shadow:0 4px 12px rgba(0,0,0,.02),0 12px 28px -4px oklch(65% .15 250/8%);width:100%;max-width:290px;position:absolute}.hum-card-chart{top:0;left:0;animation:hum-float-card-1 6s ease-in-out infinite alternate}.hum-card-stars{bottom:0;right:0;animation:hum-float-card-2 6s ease-in-out infinite alternate;animation-delay:-3s}@keyframes hum-float-card-1{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-10px) rotate(1.5deg)}}@keyframes hum-float-card-2{0%{transform:translateY(0) rotate(1.5deg)}to{transform:translateY(-10px) rotate(-1.5deg)}}.hum-mockup-header{display:flex;align-items:center;gap:var(--hum-space-2xs);margin-bottom:var(--hum-space-sm);border-bottom:1px solid oklch(96% .01 250);padding-bottom:var(--hum-space-3xs)}.hum-mockup-header .material-symbols-outlined{font-size:18px}.text-accent{color:var(--hum-accent)}.text-yellow{color:oklch(78% .16 85)}.hum-mockup-title{font-size:.75rem;font-weight:700;color:var(--hum-ink);text-transform:uppercase;letter-spacing:.06em}.hum-mockup-body{display:flex;justify-content:space-between;align-items:flex-end}.hum-mockup-metric{display:flex;flex-direction:column}.hum-mockup-value{font-size:1.625rem;font-weight:700;color:var(--hum-accent-blue-2);line-height:1.1}.hum-mockup-label{font-size:.75rem;color:var(--hum-ink-2);font-weight:500}.hum-mockup-chart-bars{display:flex;align-items:flex-end;gap:5px;height:48px}.hum-chart-bar{width:8px;height:0;background-color:var(--hum-accent-light);border-radius:4px;animation:hum-chart-grow 1.2s var(--hum-ease-spring) forwards;transition:background-color .2s ease}.hum-chart-bar:hover{background-color:var(--hum-accent)}.hum-chart-bar:first-child{animation-delay:.1s;--target-height:var(--bar-height)}.hum-chart-bar:nth-child(2){animation-delay:.2s;--target-height:var(--bar-height)}.hum-chart-bar:nth-child(3){animation-delay:.3s;--target-height:var(--bar-height)}.hum-chart-bar:nth-child(4){animation-delay:.4s;--target-height:var(--bar-height)}.hum-chart-bar:nth-child(5){animation-delay:.5s;--target-height:var(--bar-height)}@keyframes hum-chart-grow{to{height:var(--target-height)}}.hum-mockup-stars{display:flex;gap:2px;color:oklch(78% .16 85);margin-bottom:var(--hum-space-3xs)}.hum-mockup-stars .filled-star{font-variation-settings:"FILL" 1,"wght" 400;font-size:18px}.hum-mockup-sub{font-size:.75rem;color:var(--hum-ink-2);font-weight:500}.hum-showcase-text{text-align:center;max-width:440px;animation:hum-fade-up .8s var(--hum-ease-out) both;animation-delay:.3s}.hum-showcase-heading{font-size:1.625rem;font-weight:700;color:var(--hum-ink);margin-bottom:var(--hum-space-sm);letter-spacing:-.02em;line-height:1.3}.hum-showcase-description{font-size:.875rem;color:var(--hum-ink-2);line-height:1.6;font-weight:500}@keyframes hum-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hum-header{text-align:center;margin-bottom:var(--hum-space-lg)}.hum-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;background:var(--hum-paper-2);border:1px solid oklch(93% .01 250);box-shadow:0 2px 6px rgba(0,0,0,.01),0 4px 12px rgba(66,133,244,.04);margin-bottom:var(--hum-space-md);animation:hum-pop-in var(--hum-dur-bounce) var(--hum-ease-spring) both;transition:transform var(--hum-dur-bounce) var(--hum-ease-spring)}.hum-logo:hover{transform:scale(1.08) rotate(3deg)}@keyframes hum-pop-in{0%{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}.hum-logo__image{display:block;width:44px;height:44px;object-fit:contain}.hum-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 var(--hum-space-3xs);color:var(--hum-ink);letter-spacing:-.025em}.hum-subtitle{font-size:.9375rem;color:var(--hum-ink-2);margin:0;font-weight:500}.hum-form{gap:var(--hum-space-md)}.hum-field,.hum-form{display:flex;flex-direction:column}.hum-field{gap:var(--hum-space-2xs)}.hum-field-header{display:flex;justify-content:space-between;align-items:baseline}.hum-label{font-size:.875rem;font-weight:600;color:var(--hum-ink)}.hum-forgot{font-size:.8125rem;color:var(--hum-accent);font-weight:600;text-decoration:none;transition:opacity var(--hum-dur-short) var(--hum-ease-out)}.hum-forgot:hover{opacity:.8}.hum-input-wrapper{position:relative;display:flex;align-items:center}.hum-input-icon-left{position:absolute;left:14px;color:var(--hum-ink-2);font-size:20px;pointer-events:none;transition:color var(--hum-dur-short) var(--hum-ease-out);z-index:2}.hum-input{width:100%;height:48px;background:oklch(98% .008 280);border:1px solid oklch(90% .01 280);border-radius:var(--hum-radius-input);color:var(--hum-ink);padding:0 var(--hum-space-sm);font-family:inherit;font-size:.9375rem;font-weight:500;transition:all var(--hum-dur-short) var(--hum-ease-out);outline:none}.hum-input.has-icon-left{padding-left:44px}.hum-input.has-icon-right{padding-right:44px}.hum-input::placeholder{color:var(--hum-ink-2);font-weight:400;opacity:.5}.hum-input[type=password]::placeholder{font-size:.75rem;letter-spacing:.18em;opacity:.4}.hum-input:hover:not(:disabled){background:oklch(96.5% .01 280);border-color:oklch(85% .015 280)}.hum-input-wrapper:focus-within .hum-input-icon-left{color:var(--hum-focus)}.hum-input:focus-visible{background:var(--hum-paper-2);border-color:var(--hum-focus);box-shadow:0 0 0 1px var(--hum-focus),0 4px 16px oklch(65% .18 250/6%),0 0 0 4px oklch(65% .18 250/12%)}.hum-input:active:not(:disabled){transform:scale(.995)}.hum-input:disabled{opacity:.5;cursor:not-allowed}.hum-input.is-error{border-color:var(--hum-error);background:oklch(98.5% .01 25)}.hum-input.is-error:focus-visible{box-shadow:0 0 0 1px var(--hum-error),0 4px 16px oklch(65% .24 25/6%),0 0 0 4px oklch(65% .24 25/12%)}.hum-eye{position:absolute;right:6px;top:6px;height:36px;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;border:none;color:var(--hum-ink-2);cursor:pointer;transition:all var(--hum-dur-short) var(--hum-ease-out);z-index:2}.hum-eye:hover{background:oklch(94% .01 280);color:var(--hum-ink);transform:scale(1.05)}.hum-eye:active{transform:scale(.95)}.hum-eye .material-symbols-outlined{font-size:1.25rem}.hum-submit{width:100%;height:48px;background:linear-gradient(135deg,var(--hum-ink) 0,oklch(35% .02 280) 100%);color:var(--hum-paper-2);border:none;border-radius:var(--hum-radius-pill);font-family:inherit;font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--hum-space-xs);cursor:pointer;transition:all var(--hum-dur-med) var(--hum-ease-spring);margin-top:var(--hum-space-sm);box-shadow:0 4px 12px oklch(25% .02 280/12%)}.hum-submit .material-symbols-outlined{transition:transform var(--hum-dur-short) var(--hum-ease-out)}.hum-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px oklch(65% .18 250/22%),0 2px 4px oklch(65% .18 250/8%);background:linear-gradient(135deg,var(--hum-accent) 0,var(--hum-accent-blue-2) 100%)}.hum-submit:hover:not(:disabled) .material-symbols-outlined{transform:translateX(4px)}.hum-submit:focus-visible{outline:3px solid var(--hum-accent-light);outline-offset:2px}.hum-submit:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px oklch(25% .02 280/15%)}.hum-submit:disabled{opacity:.4;cursor:not-allowed;transform:none;background:var(--hum-ink);box-shadow:none}.hum-error-banner{display:flex;align-items:center;gap:var(--hum-space-xs);padding:var(--hum-space-sm);background:oklch(96% .04 25/75%);border:1px solid oklch(85% .1 25/30%);border-radius:var(--hum-radius-input);color:var(--hum-error);font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:hum-jiggle var(--hum-dur-bounce) var(--hum-ease-spring) both}@keyframes hum-jiggle{0%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.hum-spinner{animation:hum-spin 1s linear infinite;width:20px;height:20px}@keyframes hum-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hum-footer{margin-top:var(--hum-space-xl);text-align:center;display:flex;flex-direction:column;gap:var(--hum-space-md)}.hum-signup{font-size:.9375rem;color:var(--hum-ink-2);font-weight:500}.hum-signup a{color:var(--hum-accent);text-decoration:none;font-weight:700;margin-left:.25rem;transition:color var(--hum-dur-short) var(--hum-ease-out)}.hum-signup a:hover{color:var(--hum-accent-blue-2)}.hum-meta-links{display:flex;justify-content:center;gap:var(--hum-space-md)}.hum-meta-links a{font-size:.8125rem;color:var(--hum-ink-2);text-decoration:none;font-weight:500;transition:color var(--hum-dur-short) var(--hum-ease-out)}.hum-meta-links a:hover{color:var(--hum-ink)}@media (max-width:1024px){.hum-showcase-panel{display:none}.hum-login-sidebar{width:100%;min-width:100%;border-left:none;background-color:var(--hum-paper);padding:var(--hum-space-xl) var(--hum-space-md)}.hum-login-sidebar-content{background-color:var(--hum-paper-2);padding:var(--hum-space-2xl) var(--hum-space-xl);border-radius:var(--hum-radius-card);border:1px solid oklch(93% .015 250);box-shadow:0 4px 12px rgba(0,0,0,.01),0 16px 40px -10px oklch(65% .18 250/12%)}}