:root{color:#ebfff4;font-synthesis:none;background:#061b16;font-family:Noto Sans Thai,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.login-shell,.dashboard-shell{background:radial-gradient(circle at 16% 14%,#26e89e38,#0000 30%),radial-gradient(circle at 84% 84%,#11805b57,#0000 36%),linear-gradient(145deg,#03110e 0%,#061b16 48%,#02100c 100%);place-items:center;min-height:100dvh;padding:24px;display:grid;overflow:hidden}.login-panel,.dashboard-panel{background:linear-gradient(145deg,#12382deb,#041813f0);border:1px solid #adffdc2b;border-radius:30px;width:min(100%,490px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,inset 0 -20px 36px #0000003b,0 28px 90px #0000007a}.login-panel{padding:44px}.login-panel>:not(.orb){z-index:1;position:relative}.brand-mark{color:#03150f;background:linear-gradient(135deg,#bdffe0,#36d994 55%,#159a68);border:1px solid #acffdb54;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:30px;font-size:24px;font-weight:850;display:grid;box-shadow:inset 0 2px 4px #ffffff80,0 10px 28px #24e69a40}.eyebrow{color:#71edb3;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.045em;margin:0}h1{font-size:clamp(34px,8vw,48px);line-height:1}h2{font-size:clamp(26px,6vw,36px)}.login-copy,.dashboard-panel p:not(.eyebrow){color:#a8d4c1;line-height:1.65}.identity-card{color:#93cdb4;background:#02130e73;border:1px solid #c2ffe21f;border-radius:16px;gap:6px;margin:30px 0 18px;padding:16px;display:grid;box-shadow:inset 0 1px 8px #0000002e}.identity-card strong{color:#ecfff5;overflow-wrap:anywhere;font-size:14px}.magic-link-button,.logout-button{color:#02130d;cursor:pointer;background:linear-gradient(135deg,#c6ffe2,#3ee69b 55%,#1ab777);border:1px solid #cfffe75c;border-radius:16px;width:100%;min-height:52px;font-weight:800;box-shadow:inset 0 2px 4px #ffffff85,0 11px 28px #1fd88e3d}.magic-link-button:hover{filter:brightness(1.06)}.magic-link-button:focus-visible,.logout-button:focus-visible{outline-offset:3px;outline:3px solid #e9fff2}.magic-link-button:disabled{cursor:wait;opacity:.7}.status{margin:16px 0 0;font-size:14px;line-height:1.5}.success{color:#86ffbe}.error{color:#ffb0a6}.orb{aspect-ratio:1;filter:blur(8px);pointer-events:none;border-radius:50%;width:180px;position:absolute}.orb-one{background:radial-gradient(circle,#5fffb740,#0000 68%);animation:9s ease-in-out infinite drift;top:-85px;right:-70px}.orb-two{background:radial-gradient(circle,#21be7e30,#0000 70%);animation:11s ease-in-out infinite reverse drift;bottom:-110px;left:-90px}.status-panel{text-align:center;width:min(100%,390px)}.pulse-dot{background:#6cf3af;border-radius:50%;width:12px;height:12px;margin:0 auto 18px;animation:1.8s infinite pulse;box-shadow:0 0 #6cf3af80}.dashboard-shell{padding:clamp(20px,4vw,58px);display:block}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto 36px;display:flex}.dashboard-header h1{font-size:clamp(25px,5vw,34px)}.logout-button{color:#eafff3;background:#0d3027cc;width:auto;min-height:42px;padding:0 18px;box-shadow:inset 0 1px #ffffff1f}.logout-control{justify-items:end;gap:8px;display:grid}.logout-error{color:#ffb2ae;text-align:right;max-width:230px;margin:0;font-size:13px}.dashboard-panel{width:min(100%,1120px);margin:0 auto;padding:clamp(26px,5vw,56px)}@keyframes drift{50%{transform:translate(-18px,16px)scale(1.08)}}@keyframes pulse{70%{box-shadow:0 0 0 15px #6cf3af00}to{box-shadow:0 0 #6cf3af00}}@media (width<=520px){.login-panel{border-radius:24px;padding:32px 24px}.dashboard-header{flex-direction:column;align-items:flex-start}.logout-control{justify-items:stretch;width:100%}.logout-button{width:100%}.logout-error{text-align:left;max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}