*{box-sizing:border-box}html{background:#030913}body,#root{margin:0;min-width:320px;min-height:100vh}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#030913}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,65fr) minmax(360px,35fr);background:#030913}.login-visual{position:relative;overflow:hidden;min-height:100vh}.login-visual img{display:block;width:100%;height:100vh;object-fit:cover;object-position:center}.login-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00071008 30%,#01091438 70%,#010914b8),linear-gradient(0deg,rgba(1,6,14,.16),transparent 30%)}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:44px 42px;background:radial-gradient(circle at 35% 5%,rgba(24,128,221,.26),transparent 34%),linear-gradient(155deg,#0b1d2e,#07131f 48%,#030810);border-left:1px solid rgba(102,190,255,.2)}.login-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 78%,rgba(19,139,255,.05) 78% 79%,transparent 79%)}.login-card{position:relative;width:min(440px,100%);z-index:1}.mjouzi-logo{display:block;width:min(315px,78%);height:auto;margin:0 auto 28px;filter:drop-shadow(0 15px 34px rgba(0,123,255,.16))}.product-heading{text-align:center;margin-bottom:24px}.eyebrow{display:inline-block;color:#60b9ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.product-heading h1{margin:10px 0 4px;font-size:clamp(36px,4vw,52px);letter-spacing:.16em;line-height:1;font-weight:900}.product-heading p{margin:0;color:#a8bfd4;font-size:14px}.intro{max-width:390px;margin:0 auto 28px;text-align:center;color:#b7c8d8;font-size:15px;line-height:1.65}.login-form label{display:block;margin:0 0 9px;color:#dce9f4;font-size:13px;font-weight:700}.login-form input,.composer textarea{width:100%;color:#f7fbff;background:#030e19c7;border:1px solid rgba(80,157,216,.45);outline:none;transition:.2s ease}.login-form input{height:54px;padding:0 16px;border-radius:14px}.login-form input:focus,.composer textarea:focus{border-color:#1598ff;box-shadow:0 0 0 3px #1598ff24,0 0 35px #1598ff14}.login-form button,.composer button{border:0;color:#fff;font-weight:800;background:linear-gradient(135deg,#0779ec,#13a6ff);box-shadow:0 10px 30px #0079ee38}.login-form button{width:100%;min-height:52px;margin-top:13px;border-radius:14px}.login-form button:disabled,.composer button:disabled{cursor:not-allowed;opacity:.55}.status-message{margin:18px 0 0;padding:13px 15px;border-radius:12px;border:1px solid rgba(60,164,244,.28);background:#0f5c972b;color:#d6ecff;font-size:13px;line-height:1.5}.invite-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;color:#7f9bb2;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#27a7ff;box-shadow:0 0 14px #27a7ff}.brand-footer{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(103,156,198,.17);color:#607d95;font-size:11px;letter-spacing:.12em}.brand-footer img{display:block;width:155px;max-height:48px;object-fit:contain;opacity:.8}.callback-page,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 0%,#123b61,#07131f 42%,#03080f)}.callback-card{width:min(460px,100%);padding:38px;text-align:center;border:1px solid rgba(77,154,212,.28);border-radius:24px;background:#071827d1;box-shadow:0 26px 80px #0000004d}.callback-card img{width:220px;margin-bottom:20px}.callback-card p{color:#b9ccdc;line-height:1.6}.callback-card a{display:inline-block;margin-top:10px;color:#5db8ff;text-decoration:none;font-weight:700}.chat-page{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(24,108,174,.42),transparent 34%),linear-gradient(180deg,#071522,#03080f)}.chat-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:12px clamp(18px,4vw,48px);border-bottom:1px solid rgba(75,144,197,.23);background:#030c14d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-brand{display:flex;align-items:center;gap:18px}.chat-brand img{width:120px;height:auto}.chat-brand strong,.chat-brand span{display:block}.chat-brand strong{letter-spacing:.13em}.chat-brand span{margin-top:3px;color:#7896ae;font-size:12px}.ghost-button{padding:10px 14px;color:#bed2e2;border:1px solid rgba(89,154,205,.28);border-radius:11px;background:#0e283c66}.chat-shell{width:min(920px,calc(100% - 30px));margin:0 auto;padding:54px 0 36px}.chat-intro{text-align:center;margin-bottom:34px}.chat-intro h1{margin:10px 0 5px;font-size:clamp(34px,5vw,54px);font-weight:900}.chat-intro p{margin:0 auto;color:#9db2c4;line-height:1.55}.conversation{display:flex;flex-direction:column;gap:15px;min-height:280px;padding:22px;border:1px solid rgba(75,145,198,.18);border-radius:24px;background:#04101b8a;box-shadow:0 24px 80px #0000002e}.empty-state{margin:auto;text-align:center;color:#809bb0}.empty-state strong{display:block;color:#dcebf7;margin-bottom:6px}.empty-state p{margin:0;font-size:14px}.bubble{max-width:min(78%,680px);padding:16px 18px;border-radius:18px}.bubble span{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.bubble p{margin:0;white-space:pre-wrap;line-height:1.58}.bubble.user{align-self:flex-end;background:linear-gradient(145deg,#0969c5,#087fe0);box-shadow:0 10px 28px #0067cc29}.bubble.user span{color:#cbe9ff}.bubble.assistant{align-self:flex-start;border:1px solid rgba(58,151,222,.28);background:#0c2e46e0}.bubble.assistant span{color:#42adff}.bubble.pending{opacity:.72}.chat-error{margin:14px 0 0;padding:12px 15px;border:1px solid rgba(255,117,117,.23);border-radius:12px;background:#89272729;color:#ffd2d2}.composer{margin-top:16px;padding:14px;border:1px solid rgba(70,144,200,.24);border-radius:20px;background:#04101bc7}.composer textarea{display:block;min-height:104px;padding:14px;border-radius:14px;resize:vertical}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.composer-footer span{color:#65859d;font-size:11px}.composer button{min-width:116px;padding:12px 17px;border-radius:12px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{min-height:0;height:32vh;min-height:220px}.login-visual img{height:100%;object-position:center}.login-visual-shade{background:linear-gradient(0deg,#040c15db,#040c150f 60%)}.login-panel{min-height:68vh;padding:28px 22px 42px;border-left:0;border-top:1px solid rgba(102,190,255,.2)}.mjouzi-logo{width:230px;margin-bottom:18px}.product-heading h1{font-size:38px}.brand-footer{margin-top:30px}.chat-shell{padding-top:36px}}@media(max-width:560px){.login-visual{height:25vh;min-height:180px}.login-panel{padding:25px 18px 36px}.intro{font-size:14px}.chat-header{min-height:68px;padding:10px 14px}.chat-brand img{width:88px}.chat-brand span{display:none}.ghost-button{padding:8px 10px;font-size:12px}.chat-shell{width:min(100% - 20px,920px);padding-top:28px}.conversation{padding:13px;border-radius:18px}.bubble{max-width:90%;padding:13px 14px}.composer-footer{align-items:flex-end}.composer-footer span{max-width:150px}.composer button{min-width:100px}}