*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#202126;color:#f2f3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.clean-login{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(410px,.75fr);min-height:100vh;background:radial-gradient(700px 470px at 22% 79%,#5d4eff21,transparent 74%),#202126}.product-side{position:relative;overflow:hidden;padding:27px 55px;background:linear-gradient(135deg,#202126,#1d1e22)}.welcome{max-width:700px}.eyebrow{margin:0;color:#9c8aff;font-size:10px;font-weight:800;letter-spacing:.15em}.welcome h1{margin:25px 0 0;font-size:clamp(46px,4.35vw,65px);letter-spacing:-.07em;line-height:1.03}.welcome h1 em{color:#a38cff;font-style:normal}.intro{max-width:540px;margin:23px 0;color:#c3c4cd;font-size:13px;line-height:1.75}.features{display:flex;gap:19px;margin-top:24px;color:#e0e0e6;font-size:11px}.features span{color:#e0e0e6}.curved-preview{width:695px;max-width:100%;margin-top:55px;border:1px solid #695d91;border-radius:12px 12px 38px 38px;background:#16171a;box-shadow:0 40px 75px #0008;overflow:hidden;transform:perspective(1100px) rotateX(8deg) rotateY(-6deg);transform-origin:bottom left}.preview-bar{display:flex;align-items:center;gap:7px;height:35px;padding:0 12px;border-bottom:1px solid #33343a;background:#292a2f;color:#c9cad1;font-size:8px}.preview-bar b{display:flex;align-items:center;gap:5px}.preview-bar b i{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#6b5bee;color:#fff;font-size:5px;font-style:normal}.preview-bar>span{margin-left:auto;width:155px;padding:6px 9px;border-radius:4px;background:#1b1c20;color:#777883}.preview-bar small{margin-left:10px;font-size:7px}.preview-main{display:grid;grid-template-columns:132px 1fr;min-height:215px}.preview-main aside{display:flex;flex-direction:column;gap:4px;padding:14px 9px;border-right:1px solid #303136;background:#1d1e21}.preview-main small{color:#8a8b94;font-size:6px;letter-spacing:.1em}.preview-main aside b{padding:6px 7px;border-radius:4px;color:#b4b5bd;font-size:7px}.preview-main aside .active{background:#3e3a52;color:#fff}.preview-main article{padding:19px}.preview-title{display:flex;justify-content:space-between}.preview-title h2{margin:5px 0 0;font-size:16px;letter-spacing:-.05em}.preview-title p{margin:5px 0;color:#888994;font-size:7px}.preview-title button{height:25px;border:0;border-radius:4px;padding:0 9px;background:#5f5bef;color:#fff;font-size:7px}.bot-grid{display:flex;gap:8px;margin-top:17px}.bot-grid>div{display:flex;flex:1;flex-direction:column;gap:5px;padding:9px;border:1px solid #35363c;border-radius:5px;background:#202125}.bot-grid i{width:26px;height:26px;border-radius:7px}.bot-a{background:linear-gradient(145deg,#ffcb48,#b96021)}.bot-b{background:linear-gradient(145deg,#f0f4f4,#c62b38)}.bot-c{background:linear-gradient(145deg,#efeeee,#77727c)}.bot-grid b{font-size:8px}.bot-grid small{color:#5ddc96;font-size:6px;letter-spacing:0}.access-side{display:flex;flex-direction:column;justify-content:center;padding:25px 38px;background:#1f2023}.access-card{width:100%;max-width:390px;margin:auto;padding:31px;border:1px solid #3d3e44;border-radius:8px;background:#2b2d31;box-shadow:0 18px 38px #0003}.shield{display:grid;place-items:center;width:39px;height:39px;border:1px solid #7765e055;border-radius:8px;background:#6d5df11e;color:#ad9fff}.access-card .eyebrow{margin-top:23px}.access-card h2{margin:12px 0 0;font-size:24px;letter-spacing:-.045em}.access-copy{margin:10px 0 25px;color:#c0c1c8;font-size:12px;line-height:1.55}.discord{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:43px;border-radius:5px;background:#5865f2;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.discord:hover{background:#6975f6}.divider{display:flex;align-items:center;gap:10px;margin:20px 0}.divider i{height:1px;flex:1;background:#45464b}.divider b{color:#96979e;font-size:8px;letter-spacing:.1em}.access-card label{display:block;color:#bdbec5;font-size:9px;font-weight:800;letter-spacing:.1em}.key{position:relative;display:block;margin-top:8px}.key svg{position:absolute;top:50%;left:13px;translate:0 -50%;color:#92939a}.access-card input{width:100%;height:43px!important;padding-left:39px!important;border:1px solid #4a4b51;border-radius:5px;background:#1e1f22;color:#f3f3f5;outline:0}.access-card input:focus{border-color:#7b6ef4;box-shadow:0 0 0 3px #715ef12e}.access-card input::placeholder{color:#797a81}.enter{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:43px!important;margin-top:16px;padding:0 14px!important;border:0!important;border-radius:5px!important;background:#6370f5!important;font-size:12px!important;font-weight:750!important}.enter b{font-size:17px}.auth-error{display:flex;gap:8px;margin-top:12px;padding:9px;border:1px solid #ed424d66;border-radius:5px;background:#ed424d18;color:#ffa3a4;font-size:11px}.protected{display:flex;justify-content:center;gap:6px;margin:21px 0 0;color:#94959d;font-size:10px}.protected svg{color:#ac9dff}footer{max-width:390px;margin:19px auto 0;color:#81828b;font-size:10px;text-align:center}@media(max-width:900px){.clean-login{grid-template-columns:1fr}.product-side{padding:45px 40px}.access-side{padding:45px 24px}.curved-preview{margin-top:42px}.access-card{max-width:430px}}@media(max-width:580px){.product-side{padding:42px 22px}.welcome h1{font-size:44px}.features{gap:8px;flex-wrap:wrap;font-size:10px}.curved-preview{display:none}.access-side{padding:43px 19px}.access-card{padding:26px 22px}}

/* Portal preview: blurred dashboard silhouette. */
.preview-blur{position:relative}
.portal-preview{width:735px;border-radius:12px 12px 42px 42px;background:#101012}.portal-preview-bar{display:flex;align-items:center;gap:8px;height:35px;padding:0 13px;border-bottom:1px solid #2a2a30;background:#17171a;color:#d8d8dd;font-size:8px}.portal-preview-bar b{display:flex;align-items:center;gap:6px}.portal-preview-bar b i{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#5d58ed;color:#fff;font-size:5px;font-style:normal}.portal-preview-bar>span{width:165px;height:18px;margin-left:auto;border-radius:4px;background:#0d0d10}.portal-preview-bar small{margin-left:10px;color:#aaaab1;font-size:7px}.portal-preview-shell{display:grid;grid-template-columns:142px minmax(0,1fr);min-height:226px}.portal-preview-nav{display:flex;flex-direction:column;gap:5px;padding:15px 10px;background:#0c0c0e;border-right:1px solid #25252a}.portal-preview-nav small{margin:2px 0 3px;color:#74747d;font-size:6px;font-weight:700;letter-spacing:.12em}.portal-preview-nav b{padding:6px 8px;border-radius:4px;color:#aaaab2;font-size:7px;font-weight:650}.portal-preview-nav .selected{background:#302d43;color:#f1f1f4}.portal-preview-work{padding:20px 22px;background:#111114;overflow:hidden}.preview-blur{filter:blur(1.4px);opacity:.72}.preview-blur small{color:#898995;font-size:6px;letter-spacing:.11em}.preview-blur h2{margin:7px 0 0;font-size:17px;letter-spacing:-.055em}.preview-blur p{margin:5px 0 15px;color:#9c9ca5;font-size:7px}.preview-search{position:absolute;top:45px;right:31px;width:120px;height:17px;border-radius:4px;background:#25252a}.preview-cards{display:flex;gap:9px}.preview-cards i{display:block;flex:1;height:58px;border:1px solid #34343a;border-radius:6px;background:linear-gradient(145deg,#1e1e22,#16161a)}.preview-lines{display:grid;gap:7px;margin-top:15px}.preview-lines span{height:6px;border-radius:4px;background:#2b2b30}.preview-lines span:nth-child(2){width:78%}.preview-lines span:nth-child(3){width:56%}