@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--ink:#07111f;--navy:#0b1d33;--navy2:#163759;--red:#e34343;--gold:#f4c95d;--cream:#f4f7fa;--line:#e4eaf0;--muted:#778699;--green:#47d995}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.bg-orb{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:0}.orb-a{width:440px;height:440px;right:-160px;top:-180px;background:radial-gradient(circle,rgba(227,67,67,.18),transparent 68%)}.orb-b{width:520px;height:520px;left:-250px;bottom:-260px;background:radial-gradient(circle,rgba(244,201,93,.13),transparent 67%)}.shell{width:min(1180px,calc(100% - 36px));margin:auto;position:relative;z-index:1}.brandbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:700 20px 'Space Grotesk';letter-spacing:-.04em}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:.13em;color:var(--red);margin-top:-2px}.logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--red),#a92032);display:grid;place-items:center;color:var(--gold);font-size:20px;box-shadow:0 8px 22px rgba(227,67,67,.25)}.secure{font-size:12px;color:#7890a4}.secure:first-letter{color:var(--green)}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:center;min-height:calc(100vh - 140px);padding:25px 0 80px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--red)}h1,h2,h3{font-family:'Space Grotesk';letter-spacing:-.045em;line-height:1.08;margin:0}.intro h1{font-size:clamp(42px,5.2vw,70px);max-width:650px;margin:18px 0 23px}.intro h1 span{color:var(--red)}.intro>p{font-size:17px;line-height:1.7;color:#68798b;max-width:560px}.trust{display:flex;align-items:center;gap:12px;margin-top:32px}.trust-avatar{width:42px;height:42px;border-radius:14px;background:var(--navy);display:grid;place-items:center;color:var(--gold);font-size:18px}.trust b{display:block;font-size:14px}.trust small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.benefits{display:flex;gap:25px;margin-top:42px;flex-wrap:wrap}.benefits div{display:flex;align-items:center;gap:8px;font-size:12px;color:#617185}.benefits b{width:24px;height:24px;display:grid;place-items:center;background:#fff0ed;color:var(--red);border-radius:7px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:29px;box-shadow:0 25px 70px rgba(7,25,45,.11)}.tabs{display:flex;gap:4px;background:#f2f5f8;border-radius:10px;padding:4px;margin-bottom:28px}.tab{border:0;background:transparent;border-radius:8px;padding:10px;flex:1;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer}.tab.active{background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(7,25,45,.08)}.auth-form h2{font-size:26px}.muted{color:var(--muted);font-size:13px;margin:8px 0 24px}.auth-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#506176;margin:14px 0}.auth-form input{border:1px solid var(--line);border-radius:10px;background:#fbfcfd;padding:13px 14px;outline:0;font-size:13px}.auth-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,67,67,.1)}.primary{width:100%;border:0;border-radius:11px;padding:13px;background:var(--red);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(227,67,67,.22);margin-top:8px}.primary span{float:right;font-size:17px}.primary:hover{background:#c93440}.hint{font-size:10px;color:#9aa8b6;line-height:1.5;margin-top:18px;text-align:center}.error{color:#c3323d;font-size:12px;margin-top:10px;min-height:17px}.avatar-pick{margin:18px 0 3px;font-size:11px;color:#506176;font-weight:800}.avatar-pick>div{display:flex;gap:8px;margin-top:8px}.avatar{border:1px solid var(--line);background:#f8fafc;width:34px;height:34px;border-radius:10px;cursor:pointer;color:var(--red)}.avatar.selected,.avatar:hover{border-color:var(--red);background:#fff0ed}.hidden{display:none!important}.chat-layout{display:grid;grid-template-columns:310px 1fr;gap:18px;min-height:calc(100vh - 130px);padding:0 0 35px}.profile-card,.conversation{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 45px rgba(7,25,45,.08)}.profile-card{padding:21px}.profile-top{display:flex;gap:11px;align-items:center}.profile-top b{display:block;font:700 15px 'Space Grotesk'}.profile-top small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar.large{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),#b12438);color:var(--gold);font-weight:800;font-size:19px}.logout{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.logout:hover{color:var(--red)}.online{display:flex;align-items:center;gap:7px;color:#5e7184;font-size:11px;margin:24px 0 16px}.online i,.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(71,217,149,.13)}.side-image{background:linear-gradient(145deg,var(--navy),var(--navy2));border-radius:15px;color:#fff;padding:20px;overflow:hidden;position:relative}.side-image:after{content:'★';position:absolute;right:7px;bottom:-40px;color:rgba(244,201,93,.1);font-size:150px}.server-illustration{height:95px;position:relative;z-index:1}.server-illustration span{font-size:53px;color:var(--gold);position:absolute;right:32px;top:5px;animation:float 3s ease-in-out infinite}.server-illustration i{display:block;width:145px;height:10px;border-radius:5px;background:#2b5573;margin:12px 0;transform:skewX(-30deg);box-shadow:0 0 18px rgba(244,201,93,.14)}.server-illustration i:nth-child(3){width:118px;background:#e34343}.server-illustration i:nth-child(4){width:85px;background:#f4c95d}.side-image b,.side-image small{display:block;position:relative;z-index:1}.side-image b{font:700 15px 'Space Grotesk'}.side-image small{font-size:11px;color:#aec0d0;margin-top:6px}.quick-list{margin-top:24px}.quick-list>span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px}.quick-list button{width:100%;border:1px solid var(--line);background:#fbfcfd;border-radius:9px;padding:10px;text-align:left;font-size:11px;color:#506176;cursor:pointer;margin:4px 0}.quick-list button:hover{border-color:var(--red);color:var(--red)}.conversation{display:flex;flex-direction:column;overflow:hidden}.conversation-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.conversation-head>div{display:flex;align-items:center;gap:10px}.conversation-head b{display:block;font:700 16px 'Space Grotesk'}.conversation-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.live-badge{font-size:10px;font-weight:800;color:#26986a;background:#e7fbf1;padding:6px 9px;border-radius:7px}.messages{flex:1;min-height:500px;padding:25px 24px;overflow:auto;background:linear-gradient(#fff,#fbfcfd)}.empty{text-align:center;margin:13vh auto 0;color:var(--muted)}.empty-icon{margin:auto auto 15px;width:48px;height:48px;border-radius:16px;background:#fff0ed;color:var(--red);display:grid;place-items:center;font-size:21px}.empty h3{font-size:20px;color:var(--ink)}.empty p{font-size:12px}.msg{display:flex;gap:10px;align-items:flex-end;margin:13px 0;animation:rise .22s ease-out}.msg.mine{flex-direction:row-reverse}.msg-avatar{flex:0 0 33px;width:33px;height:33px;border-radius:11px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:14px}.msg.mine .msg-avatar{background:var(--red)}.msg-wrap{max-width:min(72%,520px)}.msg-name{font-size:10px;color:var(--muted);margin:0 0 5px}.msg.mine .msg-name{text-align:right}.msg-bubble{padding:11px 13px;border-radius:14px 14px 14px 3px;background:#f0f4f7;color:#344559;font-size:13px;line-height:1.5}.msg.mine .msg-bubble{border-radius:14px 14px 3px 14px;background:var(--red);color:#fff}.msg-time{font-size:9px;color:#a1afbc;margin-top:5px}.msg.mine .msg-time{text-align:right}.composer{display:flex;gap:9px;padding:14px 18px;border-top:1px solid var(--line);background:#fff}.composer input{flex:1;border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:12px 14px;outline:0;font-size:13px}.composer input:focus{border-color:var(--red)}.composer button{width:45px;border:0;border-radius:11px;background:var(--red);color:#fff;font-size:18px;cursor:pointer}.connection{text-align:center;font-size:10px;color:#90a0ae;padding-bottom:10px}.connection.ok{color:#2caa74}@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(8deg)}}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:35px;padding-top:40px}.intro h1{font-size:48px}.chat-layout{grid-template-columns:1fr}.profile-card{display:none}.messages{min-height:calc(100vh - 250px)}}@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}.brandbar{height:70px}.secure{display:none}.auth-layout{padding:35px 0}.intro>p{font-size:15px}.benefits{gap:13px;display:grid;grid-template-columns:1fr 1fr}.auth-card{padding:21px}.conversation-head{padding:16px}.messages{padding:17px 12px}.msg-wrap{max-width:80%}}