:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f5ff;background:#0b0718;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 55% at 10% 10%,#3a185e80,transparent),radial-gradient(ellipse 48% 56% at 92% 90%,#2c175780,transparent),#0b0718}.site-header,footer{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 42px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.18em;font-size:15px;font-weight:800}.brand img{width:42px;height:42px;object-fit:cover;border-radius:10px}.brand b{color:#e9bd72}.header-tag,.eyebrow{font-size:11px;letter-spacing:.24em;color:#dab67b;font-weight:800}.header-tag{color:#aa9abd;border:1px solid #5a4474;border-radius:100px;padding:10px 14px}main{max-width:1360px;margin:auto;padding:0 42px}.welcome{min-height:calc(100svh - 156px);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,510px);align-items:center;gap:8vw;padding:52px 0 72px}.intro h1,.chat-info h1{font-size:clamp(42px,5.3vw,78px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.intro h1 em{font-style:normal;color:#e9bd72}.intro p,.chat-info p{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#afa5c3;max-width:550px}.steps{display:flex;gap:22px;flex-wrap:wrap;margin-top:50px;color:#c8bddb;font-size:13px}.steps span{display:flex;align-items:center;gap:10px}.steps b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7854a6;border-radius:9px;color:#e9bd72}.login-card,.chat-card,.chat-info{background:linear-gradient(145deg,#171029f5,#100b20f8);border:1px solid #5a3b80;border-radius:28px;box-shadow:0 24px 80px #0007}.login-card{padding:35px}.card-top{display:flex;gap:18px;align-items:center}.icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;color:#e8c27e;background:#3d225c;font-size:30px}.card-top h2{margin:6px 0 0;font-size:27px;letter-spacing:-.03em}.card-description{color:#aea4c1;line-height:1.5;margin:24px 0}.field{font-size:14px;font-weight:700}.field{display:block;margin:0 0 18px}.field input{display:block;width:100%;height:56px;margin-top:9px;padding:0 17px;border:1px solid #504363;background:#0f0c1d;border-radius:13px;color:#fff;outline:none}.field input:focus{border-color:#c08aff;box-shadow:0 0 0 3px #9b4eef44}.primary,.composer button{width:100%;border:0;border-radius:14px;padding:17px 20px;background:linear-gradient(100deg,#f9de9f,#d9a84f);color:#201425;font-weight:800;display:flex;justify-content:space-between;align-items:center}.primary:hover,.composer button:hover{filter:brightness(1.08)}.small-note{font-size:12px;color:#968baa;line-height:1.5;margin:20px 0 0}.form-status,.chat-status{min-height:20px;color:#e7bd7a;font-size:13px;margin:12px 0 0}.chat-shell{min-height:calc(100svh - 156px);display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;padding:24px 0 54px}.chat-shell[hidden],.welcome[hidden]{display:none}.chat-info{padding:30px;align-self:start}.chat-info .eyebrow{display:block;margin-top:25px}.chat-info h1{font-size:35px}.chat-info p{font-size:16px}.account{display:grid;gap:5px;padding:18px;border:1px solid #544365;border-radius:14px;margin:32px 0}.account span{font-size:10px;letter-spacing:.15em;color:#dab67b}.account strong{word-break:break-all}.account small{color:#a99bbd}.ghost{border:1px solid #5d4b71;color:#e7d9f5;background:transparent;border-radius:12px;padding:12px 16px}.chat-card{display:flex;flex-direction:column;min-height:min(740px,calc(100svh - 166px));overflow:hidden}.chat-head{height:78px;border-bottom:1px solid #49355e;display:flex;align-items:center;gap:13px;padding:16px 24px}.chat-head strong,.chat-head span{display:block}.chat-head span{font-size:12px;color:#9b90ad;margin-top:4px}.avatar{display:grid;place-items:center;width:43px;height:43px;background:#63338f;border-radius:14px;font-size:12px;font-weight:800}.chat-head .live-dot{margin-left:auto;width:9px;height:9px;background:#72d6a0;border-radius:100%;box-shadow:0 0 0 4px #72d6a033}.messages{flex:1;min-height:260px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:15px}.empty{margin:auto;color:#a69bb9;text-align:center}.bubble{max-width:min(75%,570px);padding:13px 16px;background:#28203a;border-radius:17px 17px 17px 4px;line-height:1.5;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#563080;border-radius:17px 17px 4px 17px}.bubble small{display:block;color:#c1b1d6;font-size:11px;margin-top:8px}.bubble img{display:block;max-width:min(100%,340px);max-height:320px;border-radius:10px}.composer{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid #49355e}.attach{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#352045;border:1px solid #8a54ac;font-size:28px;cursor:pointer}.composer input{flex:1;min-width:0;height:46px;border:1px solid #514263;background:#100c1f;color:white;border-radius:12px;padding:0 13px;outline:none}.composer input:focus{border-color:#c08aff}.composer button{width:auto;min-width:100px;padding:13px 16px;gap:8px}.chat-status{padding:0 22px 10px;margin:0}footer{font-size:13px;color:#9185a7}footer a{text-decoration:none}@media(max-width:900px){.welcome{grid-template-columns:1fr;gap:38px}.intro h1{font-size:52px}.steps{margin-top:25px}.chat-shell{grid-template-columns:1fr}.chat-info{display:grid;grid-template-columns:1fr auto;gap:5px 18px}.chat-info .icon,.chat-info .eyebrow,.chat-info h1,.chat-info p{grid-column:1}.chat-info .account{grid-column:1;margin:10px 0}.chat-info .ghost{grid-column:2;grid-row:1/5;align-self:start}}@media(max-width:600px){.site-header,footer{padding:18px 20px}.header-tag{display:none}main{padding:0 18px}.welcome{padding:45px 0 60px;align-content:start;min-height:calc(100svh - 100px)}.intro h1{font-size:clamp(40px,10vw,58px)}.intro p{font-size:16px}.steps{gap:10px;font-size:12px}.login-card{padding:23px;border-radius:23px}.card-top h2{font-size:22px}.chat-shell{padding:8px 0 20px;gap:12px;min-height:calc(100dvh - 86px)}.chat-info{display:block;padding:18px}.chat-info .icon,.chat-info p,.chat-info .eyebrow{display:none}.chat-info h1{font-size:24px;margin:0}.chat-info .account{display:inline-grid;margin:12px 12px 0 0;padding:9px 12px}.chat-info .ghost{padding:10px 12px}.chat-card{min-height:0;height:calc(100dvh - 260px);border-radius:20px}.chat-head{height:65px;padding:12px 16px}.messages{min-height:80px;padding:15px}.composer{padding:10px;gap:7px}.composer button{min-width:75px;padding:12px}.attach,.composer input{height:43px}.attach{width:43px}.bubble{max-width:90%}}@media(max-width:380px){.brand{font-size:12px;letter-spacing:.1em}.chat-info .account{margin-right:0}.chat-info .ghost{margin-top:10px}}