.auth-visual{isolation:isolate!important;background:radial-gradient(circle at 50% 52%,#3f568538,#0000 34%),linear-gradient(145deg,#070d18,#101a2b 55%,#15162c)!important;border:1px solid #96acd529!important;border-radius:28px!important;justify-content:flex-start!important;min-height:640px!important;padding:32px!important;position:relative!important;overflow:hidden!important;box-shadow:0 34px 90px #0c121f4d!important}.auth-visual:before{filter:blur(28px);opacity:.76;transform:translate(-4%,-2%)scale(1);content:""!important;z-index:-3!important;background:radial-gradient(circle at 18% 26%,#2dd4a738,#0000 27%),radial-gradient(circle at 78% 34%,#60bdf633,#0000 29%),radial-gradient(circle at 44% 78%,#8174f238,#0000 31%),radial-gradient(circle at 82% 82%,#eb8d8214,#0000 20%)!important;border:0!important;border-radius:0!important;animation:24s ease-in-out infinite alternate auth-mesh-drift!important;position:absolute!important;inset:-18%!important}.auth-visual:after{filter:blur(12px);content:""!important;z-index:-2!important;background:radial-gradient(#77b2ef24,#7060d212 38%,#0000 70%)!important;border:0!important;border-radius:50%!important;width:90%!important;height:72%!important;animation:20s ease-in-out infinite auth-halo-breathe!important;position:absolute!important;inset:auto 5% 8%!important}.auth-visual-grid{pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.auth-visual-brand{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.auth-visual-brand b{color:#0b111d;background:linear-gradient(135deg,#2dd4a7,#60bdf6);border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 8px 26px #2dd4a72e}.auth-visual-brand strong{color:#f5f8fb;letter-spacing:.08em;font-size:.78rem}.auth-visual-brand strong:after{color:#aab7ca;content:"A/L BUSINESS STUDIES";letter-spacing:.16em;margin-top:3px;font-size:.48rem;font-weight:700;display:block}.auth-visual-notifications{z-index:3;height:300px;margin:0;position:absolute;bottom:46px;left:28px;right:28px;overflow:hidden}.auth-visual-notifications .hp-notification{--note-accent:#2dd4a7;-webkit-backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--note-accent) 28%,#ffffff24);color:#f4f7fb;will-change:transform,opacity;background:#141d2db3;border-radius:17px;grid-template-columns:auto 1fr;align-items:start;gap:11px;margin:0;padding:14px 15px;transition:opacity .8s,filter .8s,transform .9s cubic-bezier(.2,.82,.2,1),background .8s,border-color .8s,box-shadow .8s;display:grid;position:absolute;left:0;right:0;box-shadow:0 17px 42px #0000003b}.auth-visual-notifications .hp-notification[data-accent="1"]{--note-accent:#60bdf6}.auth-visual-notifications .hp-notification[data-accent="2"]{--note-accent:#8174f2}.auth-visual-notifications .hp-notification[data-accent="3"]{--note-accent:#eb8d82}.auth-visual-notifications .hp-notification[data-accent="4"]{--note-accent:#e6bd64}.auth-visual-notifications .hp-notification>i{background:color-mix(in srgb,var(--note-accent) 17%,transparent);color:var(--note-accent);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-style:normal;transition:background .8s,color .8s;display:flex}.auth-visual-notifications .hp-notification strong{font-size:.71rem;line-height:1.45;display:block}.auth-visual-notifications .hp-notification p{color:#bdc7d7;margin:3px 0 0;font-size:.59rem;line-height:1.55}.auth-visual-notifications .hp-notification[data-position="0"]{filter:blur(.7px);opacity:0;transform:translate(24px,-82px)scale(.9)}.auth-visual-notifications .hp-notification[data-position="1"]{filter:blur(.25px);opacity:.5;transform:translate(18px,8px)scale(.93)}.auth-visual-notifications .hp-notification[data-position="2"]{border-color:color-mix(in srgb,var(--note-accent) 62%,#ffffff2e);box-shadow:0 22px 55px #00000052,0 0 32px color-mix(in srgb,var(--note-accent) 19%,transparent);filter:none;opacity:1;background:#1d273ae0;transform:translateY(104px)scale(1)}.auth-visual-notifications .hp-notification[data-position="2"]>i{animation:4.7s ease-out auth-icon-pulse}.auth-visual-notifications .hp-notification[data-position="3"]{filter:blur(.25px);opacity:.54;animation:.9s cubic-bezier(.18,.84,.2,1) both auth-note-arrive;transform:translate(18px,213px)scale(.94)}.auth-visual-notifications:hover .hp-notification,.auth-visual-notifications:focus-within .hp-notification{animation-play-state:paused}.auth-visual-notifications .hp-notification[aria-current=true]:hover,.auth-visual-notifications .hp-notification[aria-current=true]:focus-visible{box-shadow:0 25px 64px #00000061,0 0 40px color-mix(in srgb,var(--note-accent) 27%,transparent);outline:0}@keyframes auth-mesh-drift{0%{opacity:.6;transform:translate(-5%,-3%)scale(.98)}50%{opacity:.8;transform:translate(4%,4%)scale(1.05)}to{opacity:.66;transform:translate(8%,-1%)scale(1)}}@keyframes auth-halo-breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}@keyframes auth-note-arrive{0%{filter:blur(5px);opacity:0;transform:translate(18px,292px)scale(.92)}}@keyframes auth-icon-pulse{0%,to{transform:scale(1)}12%{box-shadow:0 0 18px color-mix(in srgb,var(--note-accent) 35%,transparent);transform:scale(1.08)}}@media (max-width:800px){.auth-layout{flex-direction:column!important;gap:28px!important;display:flex!important}.auth-form-panel{order:1;max-width:none!important}.auth-visual{order:2;min-height:350px!important;padding:22px!important;display:flex!important}.auth-visual-brand b{width:39px;height:39px}.auth-visual-notifications{height:225px;bottom:13px;left:16px;right:16px}.auth-visual-notifications .hp-notification[data-position="0"]{display:none}.auth-visual-notifications .hp-notification[data-position="1"]{opacity:.38;transform:translate(9px,-28px)scale(.93)}.auth-visual-notifications .hp-notification[data-position="2"]{transform:translateY(58px)}.auth-visual-notifications .hp-notification[data-position="3"]{opacity:.44;transform:translate(9px,151px)scale(.94)}.auth-visual-notifications .hp-notification p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:420px){.auth-visual{border-radius:21px!important;min-height:326px!important}.auth-visual-notifications .hp-notification{padding:11px 12px}.auth-visual-notifications .hp-notification strong{font-size:.65rem}.auth-visual-notifications .hp-notification p{font-size:.54rem}}@media (prefers-reduced-motion:reduce){.auth-visual:before,.auth-visual:after{animation:none!important}.auth-visual-notifications .hp-notification{transition:none!important;animation:none!important}.auth-visual-notifications .hp-notification:not([data-position="2"]){display:none}.auth-visual-notifications .hp-notification[data-position="2"]{filter:none;opacity:1;transform:translateY(88px)}}.auth-visual{background:radial-gradient(circle at 48% 45%,#4e81be38,#0000 36%),linear-gradient(145deg,#0b1220,#111c31 54%,#17162f)!important}.auth-visual:before{filter:blur(23px);opacity:.92;background:radial-gradient(circle at 15% 19%,#2dd4a757,#0000 28%),radial-gradient(circle at 82% 38%,#60bdf657,#0000 31%),radial-gradient(circle at 42% 82%,#8174f257,#0000 33%)!important}.auth-visual:after{opacity:.86;background:radial-gradient(#73c0f538,#8174f21f 40%,#0000 72%)!important}.auth-visual-brand{position:absolute;bottom:22px;left:32px}.auth-visual-brand:after{content:"";background:linear-gradient(90deg,#2dd4a7,#60bdf6,#8174f2);border-radius:999px;width:112px;height:2px;position:absolute;bottom:-9px;left:0}.auth-visual-notifications{--active-halo:#2dd4a7;height:354px;bottom:94px;overflow:hidden}.auth-visual-notifications[data-active-accent="1"]{--active-halo:#60bdf6}.auth-visual-notifications[data-active-accent="2"]{--active-halo:#8174f2}.auth-visual-notifications[data-active-accent="3"]{--active-halo:#eb8d82}.auth-visual-notifications[data-active-accent="4"]{--active-halo:#e6bd64}.auth-visual-notifications:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--active-halo) 27%,transparent),transparent 68%);content:"";filter:blur(18px);opacity:.9;z-index:0;height:190px;transition:background 1.2s;position:absolute;top:84px;left:-8%;right:-8%}.auth-visual-notifications .hp-notification{z-index:1;transition-duration:1.35s;overflow:hidden}.auth-visual-notifications .hp-notification[data-position="0"]{transform:translate(20px,-104px)scale(.9)}.auth-visual-notifications .hp-notification[data-position="1"]{opacity:.42;transform:translate(16px,12px)scale(.92)}.auth-visual-notifications .hp-notification[data-position="2"]{box-shadow:inset 0 1px 0 #ffffff1f,0 25px 62px #00000061,0 0 42px color-mix(in srgb,var(--note-accent) 28%,transparent);background:linear-gradient(135deg,#28354cf5,#172134eb);transform:translateY(126px)scale(1.015)}.auth-visual-notifications .hp-notification[data-position="2"]:after{background:linear-gradient(105deg,transparent 24%,color-mix(in srgb,var(--note-accent) 20%,transparent),transparent 72%);content:"";pointer-events:none;animation:2.2s ease-out auth-card-light-pass;position:absolute;inset:-30%;transform:translate(-65%)}.auth-visual-notifications .hp-notification[data-position="2"] strong{font-size:.76rem}.auth-visual-notifications .hp-notification[data-position="3"]{opacity:.5;transform:translate(16px,253px)scale(.93)}@keyframes auth-card-light-pass{to{transform:translate(65%)}}@media (max-width:800px){.auth-visual-brand{bottom:14px;left:22px}.auth-visual-notifications{height:242px;bottom:62px}.auth-visual-notifications:before{height:150px;top:48px}.auth-visual-notifications .hp-notification[data-position="1"]{transform:translate(8px,-42px)scale(.92)}.auth-visual-notifications .hp-notification[data-position="2"]{transform:translateY(52px)scale(1)}.auth-visual-notifications .hp-notification[data-position="3"]{transform:translate(8px,155px)scale(.94)}}@media (prefers-reduced-motion:reduce){.auth-visual-notifications .hp-notification[data-position="2"]:after{animation:none;display:none}.auth-visual-notifications:before{transition:none}.auth-visual-notifications .hp-notification[data-position="2"]{transform:translateY(95px)}}