.landing-page{min-height:100vh;background:linear-gradient(145deg,#07111f 0%,#0d1e3d 35%,#1a2f5e 65%,#0a1628 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;font-family:'Noto Sans Thai','Noto Sans',-apple-system,sans-serif;position:relative;overflow:hidden}.landing-page::before{content:'';position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);top:-200px;left:-200px;pointer-events:none}.landing-page::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-150px;right:-100px;pointer-events:none}.landing-container{position:relative;z-index:1;width:100%;max-width:1060px;display:flex;align-items:stretch;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:1.75rem;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px);overflow:hidden}.landing-left{flex:3;padding:2.5rem 2.5rem 2.5rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.landing-brand{text-align:center}.landing-logo{height:60px;width:auto;filter:brightness(0) invert(1);margin-bottom:1.25rem;display:block;margin-left:auto;margin-right:auto}.landing-title{font-size:1.625rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.25}.landing-tagline{font-size:.9375rem;color:rgba(255,255,255,.55);margin:0}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.portal-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border-radius:1rem;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);text-decoration:none!important;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.portal-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.portal-card:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.35);text-decoration:none!important}.portal-card:active{transform:translateY(-1px)}.portal-card__icon{width:48px;height:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.portal-card--tracking .portal-card__icon{background:rgba(59,130,246,.2);box-shadow:0 0 0 1px rgba(59,130,246,.3)}.portal-card--dashboard .portal-card__icon{background:rgba(168,85,247,.2);box-shadow:0 0 0 1px rgba(168,85,247,.3)}.portal-card__title{font-size:1.0625rem;font-weight:700;color:#fff;margin:0 0 .4rem}.portal-card__desc{font-size:.8125rem;color:rgba(255,255,255,.55);margin:0 0 1.25rem;line-height:1.6;flex:1}.portal-card__arrow{display:inline-flex;align-items:center;gap:.2rem;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.7);transition:color .2s ease,gap .2s ease}.portal-card:hover .portal-card__arrow{color:#fff;gap:.4rem}.portal-card--tracking .portal-card__arrow{color:rgba(147,197,253,.9)}.portal-card--dashboard .portal-card__arrow{color:rgba(196,181,253,.9)}.portal-card--tracking:hover .portal-card__arrow{color:#93c5fd}.portal-card--dashboard:hover .portal-card__arrow{color:#c4b5fd}.landing-divider{width:1px;background:linear-gradient(to bottom,transparent 5%,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent 95%);flex-shrink:0}.landing-right{flex:2;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-card{width:100%;max-width:320px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:2.25rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.staff-card__icon{width:60px;height:60px;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.3);border-radius:1.125rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.staff-card__title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.staff-card__subtitle{font-size:.8125rem;color:rgba(255,255,255,.5);margin:0 0 2rem;line-height:1.5}.staff-card__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.4);margin-top:1.25rem;padding:.3rem .75rem;border-radius:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.btn-staff-login{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8125rem 1.5rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff!important;font-size:.9375rem;font-weight:600;border-radius:.875rem;text-decoration:none!important;transition:all .22s ease;border:0;cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 20px rgba(16,185,129,.25)}.btn-staff-login:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:0 10px 32px rgba(16,185,129,.4)}.btn-staff-login:active{transform:translateY(0)}.landing-footer{position:relative;z-index:1;margin-top:1.75rem;font-size:.75rem;color:rgba(255,255,255,.25);text-align:center}@media(max-width:860px){.landing-container{flex-direction:column;border-radius:1.25rem}.landing-divider{width:auto;height:1px;background:linear-gradient(to right,transparent 5%,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent 95%)}.landing-right{padding:2rem 2.5rem}.staff-card{max-width:100%}}@media(max-width:520px){.landing-left{padding:1.75rem 1.5rem}.portal-cards{grid-template-columns:1fr}.landing-title{font-size:1.375rem}}