:root{color:#17212b;background:#eef3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(22,135,255,.13),transparent 34%),linear-gradient(180deg,#fbfcfd 0,#edf2f4)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}h1,p{margin:0}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(430px,100%);border:1px solid rgba(132,151,166,.28);border-radius:8px;background:#fffffff5;padding:30px;box-shadow:0 28px 80px #18263426}.brand-mark{display:inline-flex;align-items:center;gap:4px;height:34px;margin-bottom:26px}.brand-mark i{display:block;width:7px;height:25px;border-radius:999px;background:#1687ff;transform:rotate(-28deg)}.brand-mark i:nth-child(2){background:#42b6ff}.brand-mark i:nth-child(3){background:#42d0ff}.auth-heading{display:grid;gap:8px;margin-bottom:26px}.auth-heading span{color:#1687ff;font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.auth-heading h1{font-size:28px;line-height:1.15}.auth-heading p,.security-note{color:#627384;font-size:14px}.desktop-consent{display:grid;gap:16px}.account-card{display:grid;gap:3px;border:1px solid #d7e1e8;border-radius:7px;background:#f7fafc;padding:14px}.account-card span,.account-card small{color:#627384;font-size:12px}.account-card strong{overflow-wrap:anywhere}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-actions button{min-height:42px;border:1px solid #cad6df;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#344554;font-weight:750}.secondary-actions button:hover:not(:disabled){border-color:#1687ff;color:#0d75df}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:#344554;font-size:13px;font-weight:750}.login-form input{width:100%;height:46px;border:1px solid #cad6df;border-radius:7px;background:#fff;color:#17212b;outline:none;padding:0 13px}.login-form input:focus{border-color:#1687ff;box-shadow:0 0 0 3px #1687ff24}.form-error{border:1px solid #f1b4b4;border-radius:7px;background:#fff1f1;color:#9f1e1e;font-size:13px;font-weight:700;padding:10px 12px}.primary-action{min-height:48px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1687ff;color:#fff;font-weight:850;box-shadow:0 14px 30px #1687ff3d}.primary-action:hover:not(:disabled){background:#0d75df}.security-note{border-top:1px solid #e5ebf0;display:flex;gap:9px;align-items:center;margin-top:24px;padding-top:18px}@media (max-width: 520px){.auth-shell{padding:16px}.auth-panel{padding:24px}}:root{color:#f5f7ff;background:#05080d}body{background:radial-gradient(circle at 24% 45%,rgba(28,80,100,.2),transparent 30%),radial-gradient(circle at 76% 42%,rgba(38,72,115,.18),transparent 34%),#05080d}.auth-shell{position:relative;overflow:hidden;justify-items:end;padding:110px clamp(32px,9vw,150px) 80px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.auth-shell:before{content:"ONE IDENTITY · ONE ECOSYSTEM";position:absolute;z-index:2;left:clamp(34px,7vw,118px);top:31%;color:#6bf4ff;font-size:10px;font-weight:800;letter-spacing:.24em}.auth-shell:after{content:"Một tài khoản.\aMọi hệ thống.";white-space:pre;position:absolute;z-index:2;left:clamp(34px,7vw,118px);top:36%;color:#f5f7ff;font-size:clamp(46px,5vw,78px);font-weight:500;letter-spacing:-.06em;line-height:.98}.auth-brand{position:absolute;z-index:5;top:32px;left:clamp(28px,4.5vw,76px);display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:14px;font-weight:850;letter-spacing:.18em}.auth-brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(107,244,255,.58);color:#6bf4ff;font-size:18px;font-weight:400;transform:rotate(45deg);box-shadow:inset 0 0 16px #6bf4ff1a}.auth-brand-mark:first-letter{transform:rotate(-45deg)}.auth-brand-dot{color:#6bf4ff}.back-home{position:absolute;z-index:5;top:40px;right:clamp(28px,4.5vw,76px);display:inline-flex;align-items:center;gap:8px;color:#929daf;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.04em;transition:color .2s,transform .2s}.back-home:hover{color:#6bf4ff;transform:translate(-3px)}.auth-backdrop{position:absolute;z-index:1;left:8%;top:24%;width:42vw;aspect-ratio:1.4;opacity:.66}.auth-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(107,244,255,.12);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);animation:auth-breathe 4s ease-in-out infinite alternate}.auth-orbit-one{width:96%;height:75%}.auth-orbit-two{width:62%;height:48%;animation-delay:-1.4s}.auth-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#6bf4ff2e;font-size:70px;font-weight:200}.auth-panel{position:relative;z-index:3;width:min(450px,100%);border:1px solid rgba(107,244,255,.22);border-radius:2px;color:#f5f7ff;background:#070c12e6;padding:38px;box-shadow:0 34px 100px #00000075,inset 0 0 40px #6bf4ff06;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:auth-panel-in .55s cubic-bezier(.22,.9,.3,1) both}.auth-heading{gap:10px;margin-bottom:28px}.auth-heading span{color:#6bf4ff;font-size:10px;letter-spacing:.2em}.auth-heading h1{font-size:34px;font-weight:600;letter-spacing:-.035em}.auth-heading p,.security-note{color:#8993a8}.login-form label{color:#c4ccd8;font-size:12px;letter-spacing:.02em}.login-form input{height:50px;border:1px solid rgba(137,153,173,.28);border-radius:2px;background:#080e15;color:#f5f7ff;padding:0 15px}.login-form input::placeholder{color:#505b6c}.login-form input:focus{border-color:#6bf4ff;box-shadow:0 0 0 3px #6bf4ff14}.primary-action{min-height:50px;border-radius:2px;background:#6bf4ff;color:#061015;box-shadow:0 14px 34px #6bf4ff24}.primary-action:hover:not(:disabled){background:#9af8ff}.security-note{border-color:#8999ad29;font-size:12px}.security-note svg{color:#6bf4ff}.account-card{border-color:#8999ad40;border-radius:2px;background:#080e15}.account-card span,.account-card small{color:#8993a8}.secondary-actions button{border-color:#8999ad40;border-radius:2px;background:#080e15;color:#b7c0cd}.secondary-actions button:hover:not(:disabled){border-color:#6bf4ff;color:#6bf4ff}.form-error{border-radius:2px;background:#6e191f40;color:#ff9da4}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(18px)}}@keyframes auth-breathe{to{opacity:.45;transform:translate(-50%,-50%) rotate(-12deg) scale(1.025)}}@media (max-width: 900px){.auth-shell{justify-items:center;padding:110px 24px 60px}.auth-shell:before,.auth-shell:after,.auth-backdrop{display:none}}@media (max-width: 520px){.auth-shell{padding:96px 16px 28px}.auth-brand{top:24px;left:22px}.back-home{top:35px;right:20px;font-size:0}.back-home svg{width:20px;height:20px}.auth-panel{padding:28px 22px}}@media (prefers-reduced-motion: reduce){.auth-panel,.auth-orbit{animation:none}}