:root{--brand-50:#e6fff8;--brand-100:#b9fdec;--brand-200:#7ef8da;--brand-300:#3aecc4;--brand-400:#0fd7ad;--brand-500:#00bf94;--brand-600:#00a37d;--brand-700:#008567;--brand-800:#026a53;--brand-900:#075445;--brand-glow:#00ffd5;--brand-glow-rgb:0,255,213;--brand-rgb:0,191,148;--accent:var(--brand-500);--accent-hover:var(--brand-600);--accent-active:var(--brand-700);--accent-soft:rgba(var(--brand-rgb),0.12);--accent-ring:rgba(var(--brand-rgb),0.38);--accent-gradient:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%);--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger:#ef4444;--danger-soft:#ef44441f;--info:#3b82f6;--info-soft:#3b82f61f;--time-in:#10b981;--time-out:#ef4444;--on-duty:#10b981;--off-duty:#94a3b8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a12,0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a12,0 2px 4px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1a,0 4px 10px #0f172a0d;--shadow-xl:0 24px 56px #0f172a29,0 8px 20px #0f172a12;--shadow-accent:0 8px 22px rgba(var(--brand-rgb),0.28);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--tracking-tight:-0.015em;--tracking-wide:0.04em;--tracking-caps:0.09em;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--z-base:1;--z-sticky:100;--z-sidebar:400;--z-backdrop:900;--z-modal:1000;--z-toast:1200;--sidebar-width:268px;--topnav-height:68px;--content-max:1440px;--focus-ring:0 0 0 3px var(--accent-ring)}:root,[data-theme=light]{--surface-0:#eef3f1;--surface-1:#fff;--surface-2:#f7faf9;--surface-3:#eef2f4;--surface-inset:#0f172a0a;--surface-hover:rgba(15,23,42,.045);--divider:#0f172a14;--divider-strong:#0f172a24;--content-primary:#0f172a;--content-secondary:#475569;--content-tertiary:#64748b;--content-inverse:#fff;--scrollbar-thumb:#0f172a2e;--scrollbar-thumb-hover:#0f172a4d}[data-theme=dark]{--surface-0:#070a10;--surface-1:#10161f;--surface-2:#151d28;--surface-3:#1b2532;--surface-inset:#ffffff0a;--surface-hover:rgba(var(--brand-glow-rgb),0.09);--divider:#ffffff14;--divider-strong:#ffffff29;--content-primary:#f1f5f9;--content-secondary:#f1f5f9b8;--content-tertiary:#f1f5f985;--content-inverse:#06110d;--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:rgba(var(--brand-glow-rgb),0.4);--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-active:var(--brand-200);--accent-soft:rgba(var(--brand-glow-rgb),0.12);--accent-ring:rgba(var(--brand-glow-rgb),0.4);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 6px #00000073;--shadow-md:0 6px 18px #00000080;--shadow-lg:0 14px 34px #0000008c;--shadow-xl:0 26px 62px #000000a6;--shadow-accent:0 8px 24px rgba(var(--brand-glow-rgb),0.22)}:root,[data-theme=light]{--bg-main:var(--surface-0);--bg-nav:var(--surface-1);--bg-sidebar:var(--surface-1);--bg-card:var(--surface-1);--text-main:var(--content-primary);--text-muted:var(--content-tertiary);--sidebar-text:var(--content-secondary);--nav-text:var(--content-secondary);--border-color:var(--divider);--sidebar-border:var(--divider);--nav-border:var(--divider);--hover-bg:var(--surface-hover);--glass-shadow:var(--shadow-md);--nav-shadow:0 1px 0 var(--divider);--sidebar-shadow:1px 0 0 var(--divider);--status-group-bg:var(--surface-inset);--status-group-border:var(--divider);--status-divider:var(--divider);--glass-blur:blur(20px)}[data-theme=dark]{--bg-main:var(--surface-0);--bg-nav:var(--surface-1);--bg-sidebar:var(--surface-1);--bg-card:var(--surface-1);--text-main:var(--content-primary);--text-muted:var(--content-tertiary);--sidebar-text:var(--content-secondary);--nav-text:var(--content-secondary);--border-color:var(--divider);--sidebar-border:var(--divider);--nav-border:var(--divider);--hover-bg:var(--surface-hover);--glass-shadow:var(--shadow-lg);--nav-shadow:0 1px 0 var(--divider);--sidebar-shadow:2px 0 16px #00000073;--status-group-bg:var(--surface-inset);--status-group-border:var(--divider);--status-divider:var(--divider)}#root{isolation:isolate}.route-fallback{align-items:center;background:#020c12;color:#e8f5f2d9;display:flex;font-family:var(--font-sans);font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;min-height:100vh;padding:2rem}.route-fallback__spinner{animation:route-fallback-spin .7s linear infinite;border:2px solid #00cba940;border-radius:50%;border-top-color:#00cba9;height:1.1rem;width:1.1rem}@keyframes route-fallback-spin{to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;background:var(--surface-0);color:var(--content-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;text-rendering:optimizeLegibility;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--content-primary);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-2)}p{text-wrap:pretty;line-height:var(--leading-normal)}.bento-chart-value,.emp-id-text,.m-id,.m-time,.magic-bento-stat-num,.modern-table,input[type=date],input[type=number],input[type=time],table{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}canvas,img,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}:focus{outline:none}:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--accent);outline-offset:2px}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}::selection{background:rgba(var(--brand-rgb),.28);color:var(--content-primary)}[data-theme=dark] ::selection{background:rgba(var(--brand-glow-rgb),.3);color:#fff}*{scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:#0000}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;height:1rem;width:1rem}[data-theme=dark] input[type=date]{color-scheme:dark}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;cursor:pointer;filter:brightness(0) invert(1);opacity:.92}[data-theme=light] input[type=date]{color-scheme:light}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;opacity:.75}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:1.05rem;-webkit-transition:opacity var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out);width:1.05rem}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--lp-teal:#00cba9;--lp-teal-bright:#00ffd5;--lp-teal-dark:#009e6e;--lp-cyan:#00e5c0;--lp-navy:#0a1628;--lp-glass:#081c26b8;--lp-glass-border:#00ffd538;--lp-text:#fffffff0;--lp-text-muted:#ffffff9e}.landing-container{background:#020c12;color-scheme:dark;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;font-family:var(--font-sans,"Segoe UI",system-ui,sans-serif);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.landing-bg-layer{inset:0;pointer-events:none;position:fixed;z-index:0}.landing-bg-softener{background:radial-gradient(ellipse 90% 70% at 50% 45%,#0000 20%,#020c1259 100%),linear-gradient(180deg,#020c122e,#0000 30%,#020c1247);inset:0;position:absolute}.landing-grid-overlay{background-image:linear-gradient(#00ffd50a 1px,#0000 0),linear-gradient(90deg,#00ffd50a 1px,#0000 0);background-size:48px 48px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);position:absolute}.landing-glow{border-radius:50%;filter:blur(48px);pointer-events:none;position:absolute}.landing-glow--left{background:#00cba91f;height:480px;left:-120px;top:10%;width:480px}.landing-glow--right{background:#0078ff1a;bottom:5%;height:420px;right:-80px;width:420px}.landing-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:calc(28px + env(safe-area-inset-top, 0px)) calc(clamp(16px, 4vw, 32px) + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(clamp(16px, 4vw, 32px) + env(safe-area-inset-left, 0px));position:relative;width:100%;z-index:10}.animated-border-wrapper{border-radius:32px;box-shadow:0 0 100px #00cba926,0 32px 80px #00000080;max-width:1080px;overflow:hidden;padding:1.5px;position:relative;width:100%}.animated-border-wrapper:before{animation:spinBorder 6s linear infinite;background:conic-gradient(from 0deg,#0000 0,#00ffd50d 10%,#00ffd5 30%,#008cff 50%,#00ffd5 70%,#00ffd50d 90%,#0000 100%);background:conic-gradient(from 0deg,#0000 0,#00ffd50d 10%,var(--lp-teal-bright) 30%,#008cff 50%,var(--lp-teal-bright) 70%,#00ffd50d 90%,#0000 100%);content:"";inset:-50%;position:absolute}.animated-border-wrapper:after{background:linear-gradient(135deg,#00ffd50f,#0000 50%,#008cff0d);border-radius:32px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-inner-box{align-items:center;backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);background:linear-gradient(145deg,#00373280,#041420e6 45%,#020a12f7);border:1px solid #ffffff12;border-radius:31px;display:flex;gap:clamp(20px,3vw,36px);justify-content:center;overflow:hidden;padding:clamp(36px,5vw,56px) clamp(28px,4vw,48px);position:relative;z-index:1}.hero-inner-box:before{background:radial-gradient(circle,#00cba929 0,#0000 70%);height:420px;left:-80px;top:-120px;width:420px}.hero-inner-box:after,.hero-inner-box:before{content:"";pointer-events:none;position:absolute}.hero-inner-box:after{background:radial-gradient(circle,#008cff1f 0,#0000 70%);bottom:-100px;height:360px;right:-60px;width:360px}.landing-left{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;max-width:520px;min-width:0;z-index:2}.branding-block{margin-bottom:20px}.branding-logo-large{display:block;filter:drop-shadow(0 0 24px rgba(0,255,213,.35));height:auto;object-fit:contain;width:min(320px,78vw)}.landing-badge{align-items:center;background:#00cba91a;border:1px solid #00ffd547;border-radius:100px;color:#00ffd5;color:var(--lp-teal-bright);display:inline-flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:.14em;margin-bottom:20px;padding:7px 16px;text-transform:uppercase}.landing-badge-dot{animation:pulseDot 2s ease-in-out infinite;background:#00ffd5;background:var(--lp-teal-bright);border-radius:50%;box-shadow:0 0 10px #00ffd5;box-shadow:0 0 10px var(--lp-teal-bright);height:7px;width:7px}.landing-headline{color:#fffffff0;color:var(--lp-text);font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 16px}.landing-headline-accent{color:#fff}.landing-headline-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00ffd5,#5eead4 40%,#38bdf8);background:linear-gradient(90deg,var(--lp-teal-bright) 0,#5eead4 40%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text}.landing-desc{color:#ffffff9e;color:var(--lp-text-muted);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.75;margin:0 0 24px;max-width:480px}.landing-stats{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:0;margin-bottom:22px;max-width:420px;padding:14px 20px;width:100%}.landing-stat,.landing-stats{align-items:center;display:flex}.landing-stat{flex:1 1;flex-direction:column;gap:2px;text-align:center}.landing-stat-value{color:#00ffd5;color:var(--lp-teal-bright);font-size:1rem;font-weight:800;letter-spacing:.06em}.landing-stat-label{color:#ffffff9e;color:var(--lp-text-muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-stat-divider{background:#ffffff1a;flex-shrink:0;height:32px;width:1px}.landing-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.feature-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:100px;color:#ffffffc7;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:7px 14px;transition:border-color .2s,background .2s}.feature-pill:hover{background:#00cba914;border-color:#00ffd540}.feature-pill svg{color:#00ffd5;color:var(--lp-teal-bright);flex-shrink:0;height:14px;width:14px}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;max-width:560px;width:100%}.landing-cta{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;gap:14px;min-width:min(100%,240px);overflow:hidden;padding:14px 20px;position:relative;text-align:left;transition:box-shadow .25s,transform .25s,background .25s,border-color .25s}.landing-cta:hover{transform:scale(1.02)}.landing-cta:active{transform:scale(.98)}.landing-cta-icon{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.landing-cta-icon svg{height:20px;width:20px}.landing-cta-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-cta-title{font-size:.92rem;font-weight:800;letter-spacing:.01em;line-height:1.2}.landing-cta-sub{font-size:.72rem;font-weight:500;line-height:1.3;opacity:.82}.landing-cta--primary{background:linear-gradient(135deg,#00cba9,#009e6e);background:linear-gradient(135deg,var(--lp-teal) 0,var(--lp-teal-dark) 100%);box-shadow:0 8px 32px #00cba973,inset 0 1px 0 #ffffff38;color:#fff}.landing-cta--primary .landing-cta-icon{background:#00000029;color:#fff}.landing-cta--primary:hover{box-shadow:0 12px 40px #00cba98c,inset 0 1px 0 #ffffff47}.landing-cta--secondary{background:#ffffff0d;border:1px solid #ffffff29;box-shadow:none;color:#fff}.landing-cta--secondary .landing-cta-icon{background:#00cba91f;border:1px solid #00ffd533;color:#00ffd5;color:var(--lp-teal-bright)}.landing-cta--secondary .landing-cta-sub{color:#ffffff8c;opacity:1}.landing-cta--secondary:hover{background:#ffffff17;border-color:#00ffd559;box-shadow:0 4px 20px #00cba926}.landing-cta:before{background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s}.landing-cta:hover:before{transform:translateX(100%)}.landing-right{align-items:center;display:flex;flex:0 0 auto;height:320px;justify-content:center;margin-left:0;position:relative;width:min(340px,36vw);z-index:2}.nfc-pulse-ring{animation:nfcPulse 3s ease-out infinite;border:1px solid #00ffd540;border-radius:50%;pointer-events:none;position:absolute}.nfc-pulse-ring--1{animation-delay:0s;height:160px;width:160px}.nfc-pulse-ring--2{animation-delay:1s;height:230px;width:230px}.nfc-pulse-ring--3{animation-delay:2s;height:300px;width:300px}.rfid-card{border-radius:18px;display:flex;flex-direction:column;height:170px;justify-content:space-between;overflow:hidden;padding:20px 22px;position:absolute;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:270px}.rfid-card:hover{animation-play-state:paused;transform:scale(1.04)!important;z-index:10!important}.card-back{animation:floatCardBack 5s ease-in-out infinite;background:linear-gradient(145deg,#141c2b,#0a0f18);border:1px solid #ffffff14;box-shadow:0 20px 50px #00000080;left:4px;right:auto;top:28px;transform:rotate(-8deg);z-index:1}.card-front{animation:floatCardFront 4.5s ease-in-out infinite;background:linear-gradient(135deg,#00e5b8,#00a878 55%,#008f68);border:1px solid #ffffff38;bottom:24px;box-shadow:0 24px 56px #00a87873,inset 0 1px 0 #ffffff40;left:48px;right:auto;transform:rotate(6deg);z-index:2}.card-front:before{background:linear-gradient(180deg,#ffffff24,#0000);height:55%;left:0;right:0}.card-front:after,.card-front:before{content:"";pointer-events:none;position:absolute;top:0}.card-front:after{animation:cardShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;width:60%}.card-top-row{align-items:flex-start;display:flex;justify-content:flex-end;position:relative;z-index:2}.card-helport-logo{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.card-helport-logo .helport-logo__icon{height:100%;width:100%}.card-front .card-helport-logo .helport-logo__icon{filter:brightness(1.15) contrast(1.2) drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 2px 6px rgba(0,0,0,.45))}.card-back .card-helport-logo .helport-logo__icon{filter:brightness(1.35) contrast(1.15) drop-shadow(0 0 8px rgba(0,255,213,.85))}.card-bottom{position:relative;z-index:1}.card-num{color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.18em;margin-bottom:4px}.card-label{color:#ffffffc7;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-back .card-label,.card-back .card-num{color:#ffffff8c}.scan-line{animation:scanLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ffd5e6,#0000);box-shadow:0 0 12px #00ffd5cc;height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.landing-footer{color:#ffffff59;font-size:.72rem;font-weight:500;letter-spacing:.04em;padding:14px 24px 20px;position:relative;text-align:center;z-index:10}.login-overlay{align-items:center;display:flex;justify-content:center;width:100%}.login-border-animated{border-radius:28px;box-shadow:0 0 60px #00cba933,0 24px 48px #0006;max-width:440px;overflow:hidden;padding:1.5px;position:relative;width:100%}.login-border-animated:before{animation:spinBorder 5s linear infinite;background:conic-gradient(from 0deg,#0000,#00ffd5,#008cff,#00ffd5,#0000);background:conic-gradient(from 0deg,#0000,var(--lp-teal-bright),#008cff,var(--lp-teal-bright),#0000);content:"";inset:-50%;position:absolute}.login-form-card{align-items:center;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);background:linear-gradient(160deg,#00322d99,#04101aeb);border:1px solid #ffffff12;border-radius:27px;box-sizing:border-box;display:flex;flex-direction:column;padding:44px 36px;position:relative;width:100%;z-index:1}.form-logo{filter:drop-shadow(0 0 16px rgba(0,255,213,.3));height:auto;margin-bottom:4px;width:180px}.login-form-card h3{color:#00ffd5;color:var(--lp-teal-bright);font-size:.85rem;font-weight:700;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}.login-form-subtitle{color:#ffffff9e;color:var(--lp-text-muted);font-size:.85rem;line-height:1.5;margin:0 0 24px;text-align:center}.login-form-error{color:#ff8b8b;font-size:.82rem;font-weight:600;margin:0;text-align:left}.login-form{width:100%}.login-input--pill{-webkit-text-fill-color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;box-shadow:0 2px 12px #0000002e;caret-color:#00ffd5;color:#fff;font-weight:500;margin-bottom:12px;padding:16px 22px}.login-input--pill::placeholder{-webkit-text-fill-color:#ffffff8c;color:#ffffff8c;font-weight:500;opacity:1}.login-input--pill:focus{background:#ffffff1f;border:1px solid #00ffd573;box-shadow:0 0 0 3px #00cba947}.login-password-wrap{margin-bottom:12px;position:relative;width:100%}.login-password-wrap .login-input--pill{margin-bottom:0}.login-input--with-icon{padding-right:52px}.login-password-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s,background .2s;width:44px}.login-password-toggle:hover{background:#00cba91a;color:#00cba9;color:var(--lp-teal)}.login-password-toggle svg{height:20px;width:20px}.login-input{-webkit-text-fill-color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;box-sizing:border-box;caret-color:#00ffd5;color:#fff;font-family:inherit;font-size:16px;margin-bottom:14px;outline:none;padding:15px 20px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.login-form-card .login-input,.login-form-card .login-input.login-input--pill{-webkit-text-fill-color:#fff!important;background:#ffffff1a!important;caret-color:#00ffd5!important;color:#fff!important}.login-form-card .login-input.login-input--pill::placeholder,.login-form-card .login-input::placeholder{-webkit-text-fill-color:#ffffff8c!important;color:#ffffff8c!important;opacity:1}.login-form-card .login-input.login-input--pill:-webkit-autofill,.login-form-card .login-input:-webkit-autofill,.login-form-card .login-input:-webkit-autofill:focus,.login-form-card .login-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0b2a32!important;caret-color:#00ffd5!important;-webkit-transition:background-color 99999s ease-out;transition:background-color 99999s ease-out}.btn-signin{background:linear-gradient(135deg,#00cba9,#009e6e);background:linear-gradient(135deg,var(--lp-teal) 0,var(--lp-teal-dark) 100%);border:none;border-radius:14px;box-shadow:0 4px 20px #00cba959;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;margin-top:8px;padding:15px;transition:box-shadow .2s,transform .2s;width:100%}.btn-signin:hover{box-shadow:0 6px 28px #00cba980;transform:scale(1.02)}.btn-signin:active{transform:scale(.98)}.btn-back-scanner{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;margin-top:22px;min-height:44px;padding:12px 8px;transition:color .2s}.btn-back-scanner:hover{color:#00ffd5;color:var(--lp-teal-bright)}@keyframes spinBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes cardShimmer{0%,to{left:-100%}50%{left:150%}}@keyframes scanLine{0%,to{opacity:0;top:15%}10%{opacity:1}50%{opacity:1;top:85%}60%{opacity:0}}@keyframes nfcPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@media (max-width:968px){.hero-inner-box{flex-direction:column;gap:32px;padding:36px 28px;text-align:center}.landing-left{align-items:center;max-width:100%}.branding-block{display:flex;justify-content:center;width:100%}.branding-logo-large{margin-left:0}.landing-desc{text-align:center}.landing-desc,.landing-stats{max-width:100%}.landing-cta-row,.landing-features{justify-content:center}.landing-cta-row{max-width:100%}.landing-right{display:none}}@media (max-width:480px){.hero-inner-box{padding:28px 18px}.landing-cta-row{flex-direction:column}.landing-cta{min-width:0;width:100%}.login-form-card{padding:36px 24px}.helport-logo__wordmark--hero{width:min(240px,70vw)}}@media (max-height:700px){.landing-features,.landing-stats{display:none}.landing-headline{font-size:clamp(1.6rem,5vw,2.2rem)}.hero-inner-box{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.animated-border-wrapper:before,.card-back,.card-front,.card-front:after,.landing-badge-dot,.landing-panel-enter,.login-border-animated:before,.nfc-pulse-ring,.scan-line{animation:none}}.landing-panel-enter{animation:landingPanelEnter .45s cubic-bezier(.22,1,.36,1)}@keyframes landingPanelEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCardBack{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-12px)}}@keyframes floatCardFront{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(8deg) translateY(12px)}}.developer-credit{bottom:14px;color:#ffffff57;font-size:.62rem;font-weight:500;left:50%;letter-spacing:.04em;line-height:1.2;margin:0;padding:0;pointer-events:none;position:absolute;text-shadow:0 1px 10px #0000008c,0 0 18px #00000059;transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:4}.developer-credit--landing{align-self:flex-start;bottom:auto;color:#ffffff5c;font-size:.6rem;left:auto;margin-left:14px;margin-top:16px;position:relative;text-shadow:0 1px 12px #00000080,0 0 20px #00cba91a;transform:none}@media (max-width:968px){.developer-credit--landing{align-self:center;margin-left:0}}.developer-credit--live{bottom:14px;color:#ffffff47;font-size:.56rem;left:auto;max-width:calc(100% - 32px);position:absolute;right:16px;text-align:right;transform:none;width:-webkit-max-content;width:max-content;z-index:10}@media (max-width:480px){.developer-credit{font-size:.54rem;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}}.helport-logo--form{align-items:center;flex-direction:column;text-align:center;width:100%}.helport-logo--full{align-items:flex-start;flex-direction:column}.helport-logo--icon{justify-content:center}.helport-logo{align-items:center;display:inline-flex;gap:12px;min-width:0}.helport-logo--nav{gap:10px}.card-helport-logo .helport-logo__icon{height:36px;width:36px}.helport-icon-mark,.helport-logo__icon{border-radius:22%;display:block;filter:drop-shadow(0 0 10px rgba(0,255,213,.28));flex-shrink:0;height:40px;object-fit:contain;width:40px}.helport-logo__icon--nav{height:38px;width:38px}.helport-logo__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.helport-logo__wordmark{display:block;object-fit:contain;object-position:left center}.helport-logo__wordmark--hero{filter:drop-shadow(0 0 24px rgba(0,255,213,.35));height:auto;width:min(320px,78vw)}.helport-logo__wordmark--nav{height:28px;max-width:140px;width:auto}.helport-logo__wordmark--form{filter:drop-shadow(0 0 16px rgba(0,255,213,.3));height:auto;margin:0 auto;width:min(200px,62vw)}.helport-logo--on-dark .helport-logo__wordmark{mix-blend-mode:screen}.helport-logo--on-light .helport-logo__wordmark{filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));mix-blend-mode:normal}.helport-logo__tagline{color:#00ffd5bf;font-size:.62rem;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.helport-logo__tagline--hero{color:#94a3b8f2;display:block;font-size:.72rem;letter-spacing:.18em;margin-top:6px}.helport-logo__tagline--form{color:#94a3b8e6;display:block;font-size:.68rem;margin-top:4px;text-align:center}@media (max-width:640px){.helport-logo__tagline{display:none}.helport-logo__wordmark--nav{height:24px;max-width:118px}.helport-logo__icon--nav{height:34px;width:34px}}@media (max-width:420px){.helport-logo--nav .helport-logo__copy{display:none}}.hp-toast-stack{display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;position:fixed;right:var(--space-5);top:calc(var(--topnav-height) + var(--space-3));width:min(380px,calc(100vw - var(--space-4)*2));z-index:var(--z-toast)}.hp-toast{align-items:flex-start;animation:hp-toast-in var(--duration-slow) var(--ease-spring);background:var(--surface-1);border:1px solid var(--divider);border-left:3px solid var(--toast-accent,var(--accent));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);pointer-events:auto}.hp-toast--success{--toast-accent:var(--success)}.hp-toast--error{--toast-accent:var(--danger)}.hp-toast--warning{--toast-accent:var(--warning)}.hp-toast--info{--toast-accent:var(--info)}.hp-toast-icon{background:color-mix(in srgb,var(--toast-accent) 16%,#0000);border-radius:var(--radius-pill);color:var(--toast-accent);display:grid;flex-shrink:0;height:1.35rem;margin-top:.1rem;place-items:center;width:1.35rem}.hp-toast-icon svg{height:.8rem;width:.8rem}.hp-toast-body{flex:1 1;min-width:0}.hp-toast-title{color:var(--content-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0 0 .1rem}.hp-toast-message{color:var(--content-secondary);font-size:var(--text-base);line-height:var(--leading-snug);margin:0;overflow-wrap:anywhere}.hp-toast-close{background:#0000;border:none;border-radius:var(--radius-xs);color:var(--content-tertiary);display:grid;flex-shrink:0;height:1.4rem;padding:0;place-items:center;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);width:1.4rem}.hp-toast-close svg{height:.85rem;width:.85rem}.hp-toast-close:hover{background:var(--surface-hover);color:var(--content-primary)}@keyframes hp-toast-in{0%{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}.hp-confirm-backdrop{animation:hp-fade-in var(--duration-base) var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#04080e9e;display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:var(--z-modal)}.hp-confirm{animation:hp-confirm-in var(--duration-slow) var(--ease-spring);background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);width:min(420px,100%)}.hp-confirm-title{color:var(--content-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.hp-confirm-message{color:var(--content-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 0 var(--space-6)}.hp-confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.hp-confirm-btn{border:1px solid #0000;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:.6rem 1.1rem;transition:filter var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.hp-confirm-btn:active{transform:scale(.98)}.hp-confirm-btn--ghost{background:#0000;border-color:var(--divider-strong);color:var(--content-secondary)}.hp-confirm-btn--ghost:hover{background:var(--surface-hover);color:var(--content-primary)}.hp-confirm-btn--primary{background:var(--accent-gradient);box-shadow:var(--shadow-accent);color:#fff}.hp-confirm-btn--primary:hover{filter:brightness(1.08)}.hp-confirm-btn--danger{background:var(--danger);color:#fff}.hp-confirm-btn--danger:hover{filter:brightness(1.08)}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-confirm-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.hp-toast-stack{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);top:auto;width:auto}.hp-confirm-actions{flex-direction:column-reverse}.hp-confirm-btn{width:100%}}