.login-root{background:var(--groww-bg);min-height:100dvh;font-family:var(--font-inter);flex-direction:column;display:flex}.login-formpane{background:var(--groww-paper);border-radius:24px 24px 0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;margin-top:-24px;padding:28px;display:flex;position:relative;overflow:hidden}.login-formpane>:not(.login-rings){z-index:1;position:relative}.login-rings{z-index:0;pointer-events:none;position:absolute;inset:0}.login-rings>span{width:var(--r);aspect-ratio:1;border:1.5px solid var(--ring,#00d09c47);border-radius:50%;position:absolute}.login-rings>span:first-child{--r:var(--r0)}.login-rings>span:nth-child(2){--r:calc(var(--r0) + var(--step));--ring:var(--ring-2)}.login-rings>span:nth-child(3){--r:calc(var(--r0) + var(--step) * 2);--ring:var(--ring-3)}.login-rings>span:nth-child(4){--r:calc(var(--r0) + var(--step) * 3);--ring:var(--ring-4)}.login-rings--form{--r0:260px;--step:140px;--cx:0px;--cy:20px;--ring:#00805f26;--ring-2:#00805f17;--ring-3:#00805f0d;--ring-4:#00805f08}.login-rings--form>span{left:calc(var(--cx) - var(--r) / 2);bottom:calc(-1 * var(--cy) - var(--r) / 2)}.login-formpane__inner{flex-direction:column;gap:28px;width:100%;max-width:380px;display:flex}.login-formpane__form{gap:var(--space-card-pad);flex-direction:column;display:flex}.login-formpane__title{font-family:var(--font-inter-tight), var(--font-inter), sans-serif;font-size:var(--text-card-title-size);font-weight:var(--text-card-title-weight);letter-spacing:var(--text-card-title-track);color:var(--groww-ink);line-height:1.2}.login-formpane__hint{font-size:var(--text-field-hint-size);line-height:var(--leading-multiline);color:var(--groww-ink-3);margin-top:4px}.login-google{background:var(--groww-green);border:1px solid var(--groww-green);width:100%;padding:var(--space-button-py) var(--space-button-px);font-size:var(--text-button-size);font-weight:var(--text-button-weight);color:var(--groww-green-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:background-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}@media (hover:hover){.login-google:hover{background:var(--groww-green-deep);border-color:var(--groww-green-deep);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px #00d09c59}}.login-google svg{background:#fff;border-radius:50%;box-shadow:0 0 0 3px #fff}.login-legal{font-size:var(--text-field-hint-size);line-height:var(--leading-multiline);color:var(--groww-ink-3)}.login-legal__link{color:var(--groww-ink-2);text-underline-offset:2px;cursor:pointer;background:0 0;text-decoration:underline}.login-legal__link:hover{color:var(--groww-ink)}.login-steps{display:none}.login-steps__label{font-size:var(--text-eyebrow-size);font-weight:var(--text-eyebrow-weight);letter-spacing:var(--text-eyebrow-track);text-transform:uppercase;color:var(--groww-ink-3);align-items:center;gap:10px;display:flex}.login-steps__label:after{content:"";background:var(--groww-line-2);flex:1;height:1px}.login-steps__list{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.login-step{flex-direction:column;gap:8px;min-width:0;display:flex}.login-step__n{border-radius:var(--radius-chip);background:var(--groww-green-soft);width:32px;height:32px;color:var(--groww-green-darker);font-size:var(--text-button-size);place-items:center;font-weight:700;display:grid}.login-step__l{font-size:var(--text-button-size);font-weight:var(--text-button-weight);color:var(--groww-ink);line-height:1.25}.login-step__c{font-size:var(--text-field-hint-size);line-height:var(--leading-multiline);color:var(--groww-ink-3)}@media (min-width:768px){.login-root{flex-direction:row}.login-formpane{border-radius:0;flex:50%;min-width:0;margin-top:0;padding:48px}.login-rings--form{--r0:520px;--step:240px;--cx:0px;--cy:40px}.login-steps{flex-direction:column;gap:12px;display:flex}}@media (min-width:1280px){.login-formpane{padding:56px}}