@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#050505;color:#f4f4f4;font-family:"IBM Plex Sans Thai",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(440px,.75fr)}.login-brand{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:34px 54px 32px;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(65,65,65,.25),transparent 34%),linear-gradient(145deg,#0d0d0d,#050505 65%)}.login-brand:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#252525 1px,transparent 1px),linear-gradient(90deg,#252525 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.login-brand:after{content:"B";position:absolute;right:-4vw;top:7vh;font:700 46vw/1 Inter;color:transparent;-webkit-text-stroke:1px #1b1b1b;opacity:.7}.login-brand>*{position:relative;z-index:1}nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:600 14px Inter;letter-spacing:.08em}.brand span,.login-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#f2f2f2;color:#080808;font:700 16px Inter}.system-live{display:flex;align-items:center;gap:8px;color:#797979;font:500 9px Inter;letter-spacing:.12em}.system-live i{width:7px;height:7px;border-radius:50%;background:#57d49b;box-shadow:0 0 14px #57d49b}.hero-copy{margin:auto 0;max-width:820px}.eyebrow{font:500 10px Inter;letter-spacing:.2em;color:#777;margin:0 0 16px}.hero-copy h1{font-size:clamp(46px,5.5vw,82px);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:0}.hero-copy h1 span{color:#777}.lead{max-width:660px;color:#8a8a8a;font-size:16px;line-height:1.75;margin:26px 0 38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{display:flex;gap:14px;padding:17px;border:1px solid #252525;border-radius:11px;background:rgba(13,13,13,.78);backdrop-filter:blur(8px)}.feature-grid article>b{font:500 10px Inter;color:#555}.feature-grid strong{font:600 12px Inter}.feature-grid p{color:#6d6d6d;font-size:11px;line-height:1.5;margin:5px 0 0}.login-brand footer{display:flex;justify-content:space-between;color:#555;font:500 9px Inter;letter-spacing:.12em}.login-panel{display:grid;place-items:center;padding:40px;background:#080808;border-left:1px solid #202020}.login-card{width:min(100%,470px);padding:45px;border:1px solid #292929;border-radius:18px;background:linear-gradient(160deg,#111,#0a0a0a);box-shadow:0 30px 90px #000}.login-mark{margin-bottom:38px}.login-card h2{font-size:31px;font-weight:500;letter-spacing:-.03em;margin:0}.sub{color:#7d7d7d;font-size:13px;line-height:1.65;margin:10px 0 26px}.discord-button{height:70px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:0 17px;color:#fff;text-decoration:none;background:#5865f2;border:1px solid #7180ff;border-radius:11px;box-shadow:0 12px 30px rgba(88,101,242,.2);transition:.18s}.discord-button:hover{transform:translateY(-2px);background:#6572f5}.discord-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(0,0,0,.18);font-size:18px}.discord-button b,.discord-button small{display:block}.discord-button b{font-size:13px}.discord-button small{color:#d8dcff;font-size:10px;margin-top:3px}.discord-button>i{font:20px Inter}.access-flow{display:flex;align-items:flex-start;justify-content:space-between;margin:30px 0}.access-flow>div{display:flex;gap:8px}.access-flow>div>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #333;border-radius:50%;color:#aaa;font:9px Inter}.access-flow p{margin:0}.access-flow b,.access-flow small{display:block}.access-flow b{font:500 9px Inter}.access-flow small{font-size:8px;color:#555;margin-top:3px}.access-flow>i{width:20px;height:1px;background:#292929;margin-top:11px}.security-note{display:flex;gap:12px;padding:14px;border:1px solid #2d2d2d;border-radius:9px;background:#0b0b0b}.security-note>span{color:#72d9aa}.security-note p{margin:0}.security-note b,.security-note small{display:block}.security-note b{font-size:11px}.security-note small{color:#676767;font-size:9px;line-height:1.5;margin-top:4px}.help{text-align:center;color:#555;font-size:10px;margin:22px 0 0}@media(max-width:1000px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto;padding:26px 28px 42px}.hero-copy{margin:70px 0 40px}.login-brand footer{display:none}.login-panel{border:0;padding:50px 20px}.feature-grid{grid-template-columns:1fr}.feature-grid article:nth-child(n+3){display:none}}@media(max-width:540px){.login-brand{padding:22px 18px 32px}.hero-copy{margin:55px 0 20px}.hero-copy h1{font-size:40px}.lead{font-size:13px}.system-live{display:none}.login-card{padding:28px 20px}.access-flow>i{width:8px}.access-flow small{display:none}}