*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#6b35d9;--purple-dark:#5425be;--sidebar-bg:#f0f2f8;--chat-bg:#f7f8fc;--white:#fff;--text-dark:#1a1a2e;--text-mid:#5a5a7a;--text-light:#9898b8;--border:#e2e4f0;--card-bg:#fff;--btn-blue:#3b5bdb}body{background:var(--chat-bg);height:100vh;color:var(--text-dark);font-family:DM Sans,sans-serif;display:flex;overflow:hidden}:root{--orange:#e07b20}body:has(.intro-page){background:#fff;height:auto;display:block;overflow:auto}.intro-page{min-height:100vh;color:var(--text-dark);background:#fff;font-family:DM Sans,sans-serif}.intro-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex}.intro-nav-logo{color:var(--text-dark);align-items:center;gap:9px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;display:flex}.intro-try-btn{background:var(--purple);color:#fff;border-radius:40px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.intro-try-btn:hover{background:var(--purple-dark)}.intro-content{max-width:680px;margin:0 auto;padding:0 40px}.intro-header{padding:72px 0 56px}.intro-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);margin-bottom:20px;font-size:11px;font-weight:600}.intro-title{color:var(--text-dark);margin-bottom:18px;font-family:Syne,sans-serif;font-size:42px;font-weight:700;line-height:1.15}.intro-desc{color:var(--text-mid);max-width:520px;margin-bottom:32px;font-size:15px;line-height:1.75}.intro-hero-btn{background:var(--purple);color:#fff;border-radius:40px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.intro-hero-btn:hover{background:var(--purple-dark)}.intro-divider{border:none;border-top:1px solid var(--border);margin:0}.intro-section{padding:56px 0}.intro-plan-list{flex-direction:column;gap:40px;margin-top:24px;display:flex}.intro-plan-item{flex-direction:column;gap:10px;display:flex}.intro-num{background:var(--orange);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;display:inline-flex}.intro-plan-heading{letter-spacing:.16em;color:var(--text-dark);font-family:Syne,sans-serif;font-size:13px;font-weight:700}.intro-plan-body{color:var(--text-mid);font-size:14px;line-height:1.75}.intro-team-list{flex-direction:column;margin-top:24px;display:flex}.intro-team-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 0;display:flex}.intro-team-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;display:flex;overflow:hidden}.intro-team-avatar-img{object-fit:cover;border-radius:8px;width:100%;height:100%}.intro-team-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.intro-team-name{color:var(--text-dark);font-size:14px;font-weight:500}.intro-team-name-link{color:var(--text-dark);text-decoration:none;transition:color .15s}.intro-team-name-link:hover{color:var(--purple)}.intro-team-role{color:var(--text-light);font-size:12px}.intro-linkedin-icon{color:#0a66c2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.intro-linkedin-icon:hover{background:#e8f0fb}.intro-footer{color:var(--text-light);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:28px 0 48px;font-size:12px;display:flex}@media (max-width:600px){.intro-nav,.intro-content{padding:0 24px}.intro-title{font-size:30px}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:280px;min-width:280px;padding:28px 20px;transition:width .3s,min-width .3s,padding .3s;display:flex;position:relative}.sidebar-collapsed{width:56px;min-width:56px;padding:28px 8px}.sidebar-collapsed .sidebar-inner{opacity:0;pointer-events:none;transition:opacity .15s}.sidebar-inner{opacity:1;flex-direction:column;flex:1;transition:opacity .25s .1s;display:flex;overflow:hidden}.sidebar-toggle{background:var(--white);border:1.5px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-mid);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;right:-14px;box-shadow:0 2px 8px #00000014}.sidebar-toggle:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.sidebar-toggle svg{width:14px;height:14px}.sidebar-header{letter-spacing:.02em;color:var(--text-dark);margin-bottom:24px;padding-left:4px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.sidebar-header span{color:var(--purple)}.sidebar-actions{gap:10px;margin-bottom:28px;display:flex}.btn-new-chat{background:var(--btn-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;align-items:center;gap:6px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-new-chat:hover{background:#2f4fc4}.btn-search{cursor:pointer;width:40px;height:40px;color:var(--text-mid);background:#dde0ee;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.btn-search:hover{background:#ccd0e8}.btn-search svg{width:16px;height:16px}.conversations-label{color:var(--text-light);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;font-size:12px;font-weight:500;display:flex}.clear-all{color:var(--purple);cursor:pointer;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.clear-all:hover{text-decoration:underline}.conversations-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.conv-empty{color:var(--text-light);text-align:center;margin-top:16px;font-size:12px;line-height:1.5}.conv-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 12px;transition:background .15s;display:flex}.conv-item:hover{background:var(--border)}.conv-item-active{background:#6b35d91a}.conv-item-active:hover{background:#6b35d926}.conv-title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.conv-date{color:var(--text-light);font-size:11px}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.sidebar-footer .logout-btn{margin-left:auto}.logout-btn{border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-mid);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.logout-btn:hover{color:#d94040;background:#fff0f0;border-color:#f5c0c0}.logout-btn svg{width:17px;height:17px}.user-pill{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:40px;align-items:center;gap:10px;padding:10px 12px;display:flex}.user-avatar{background:var(--border);width:32px;height:32px;color:var(--text-mid);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-avatar svg{width:18px;height:18px}.user-name{color:var(--text-dark);font-size:14px;font-weight:500}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--white);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dark);padding:20px 32px;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.chat-body{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.assistant-bubble{background:var(--purple);color:#fff;border-radius:20px 20px 20px 4px;align-self:flex-start;max-width:680px;padding:28px 32px;animation:.4s both fadeUp;box-shadow:0 8px 32px #6b35d92e}.assistant-bubble p{margin-bottom:14px;font-size:15px;font-weight:400;line-height:1.65}.assistant-bubble ol{flex-direction:column;gap:10px;padding-left:20px;display:flex}.assistant-bubble li{font-size:15px;font-weight:400;line-height:1.55}.cards-row{flex-direction:column;gap:16px;animation:.5s .1s both fadeUp;display:flex}.info-card{background:var(--white);border:1px solid var(--border);border-radius:16px;min-height:120px;padding:22px 28px}.card-title{color:var(--text-dark);margin-bottom:6px;font-family:Syne,sans-serif;font-size:15px;font-weight:600}.card-meta{color:var(--text-light);font-size:12px;font-weight:400}.uploaded-images-strip{flex-flow:wrap;gap:8px;padding:4px 0;display:flex}.uploaded-img-item{display:inline-block;position:relative}.uploaded-img-item img{object-fit:cover;border-radius:10px;width:72px;height:72px;display:block}.uploaded-img-remove{cursor:pointer;color:#fff;background:#1a1a2ebf;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:-6px;right:-6px}.uploaded-img-remove:hover{background:#e05050}.uploaded-img-remove svg{width:9px;height:9px}.chat-input-area{background:var(--white);border-top:1px solid var(--border);padding:20px 32px 28px}.input-row{background:var(--sidebar-bg);border:1.5px solid var(--border);border-radius:40px;align-items:center;gap:12px;padding:10px 16px;transition:border-color .2s;display:flex}.input-row:focus-within{border-color:var(--purple)}.image-preview-strip{gap:10px;margin-bottom:10px;padding:0 6px;display:flex}.image-preview-thumb{display:inline-block;position:relative}.image-preview-thumb img{object-fit:contain;border:1.5px solid var(--border);border-radius:12px;width:auto;max-width:180px;height:auto;max-height:120px;display:block;box-shadow:0 4px 12px #1a1a2e14}.image-preview-thumb .remove-image-btn{width:20px;height:20px;position:absolute;top:-8px;right:-8px}.attach-btn{cursor:pointer;width:38px;height:38px;color:var(--text-mid);background:#dde0ee;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.attach-btn:hover{background:var(--purple);color:#fff}.attach-btn svg{width:17px;height:17px}.chat-input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:14px}.chat-input::placeholder{color:var(--text-light)}.send-btn{background:var(--purple);cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .1s;display:flex}.send-btn:hover{background:var(--purple-dark);transform:scale(1.05)}.send-btn svg{width:16px;height:16px;margin-left:2px}.user-bubble{background:var(--text-dark);color:#fff;border-radius:20px 20px 4px;align-self:flex-end;max-width:560px;padding:14px 22px;font-size:15px;line-height:1.55;animation:.3s both fadeUp;box-shadow:0 4px 16px #1a1a2e1f}.typing-indicator{align-items:center;gap:6px;min-width:72px;padding:18px 24px;display:flex}.typing-indicator span{background:#ffffffb3;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.send-btn:disabled{background:var(--text-light);cursor:not-allowed;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.login-page{background:var(--white);width:100vw;height:100vh;display:flex;overflow:hidden}.login-brand{background:linear-gradient(145deg,#6b35d9 0%,#4a1fa8 60%,#3a1880 100%);justify-content:center;align-items:center;width:45%;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:#ffffff0f;border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-80px}.login-brand:after{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-100px;left:-60px}.login-brand-inner{z-index:1;color:#fff;max-width:380px;position:relative}.login-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.login-logo-text{color:#fff;letter-spacing:.02em;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.login-brand-title{color:#fff;margin-bottom:20px;font-family:Syne,sans-serif;font-size:36px;font-weight:700;line-height:1.25}.login-brand-sub{color:#ffffffbf;margin-bottom:36px;font-size:15px;line-height:1.7}.login-brand-pills{flex-direction:column;gap:10px;display:flex}.login-pill{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:40px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;display:inline-flex}.login-form-panel{background:var(--white);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.login-form-card{width:100%;max-width:420px}.login-form-header{margin-bottom:36px}.login-form-header h2{color:var(--text-dark);margin-bottom:6px;font-family:Syne,sans-serif;font-size:28px;font-weight:700}.login-form-header p{color:var(--text-mid);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--text-dark);font-size:13px;font-weight:500}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{width:16px;height:16px;color:var(--text-light);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.login-input{border:1.5px solid var(--border);width:100%;color:var(--text-dark);background:var(--sidebar-bg);border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.login-input:focus{border-color:var(--purple);background:var(--white)}.login-input::placeholder{color:var(--text-light)}.login-eye-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:var(--purple)}.login-eye-btn svg{width:17px;height:17px}.login-options{justify-content:space-between;align-items:center;font-size:13px;display:flex}.login-remember{color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.login-remember input[type=checkbox]{accent-color:var(--purple);cursor:pointer;width:15px;height:15px}.login-forgot{color:var(--purple);font-weight:500;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-submit-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 6px 20px #6b35d94d}.login-submit-btn:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 10px 28px #6b35d966}.login-submit-btn:active{transform:translateY(0)}.login-register-link{text-align:center;color:var(--text-mid);margin-top:24px;font-size:13px}.login-register-link a{color:var(--purple);font-weight:500;text-decoration:none}.login-register-link a:hover{text-decoration:underline}.login-divider{text-align:center;letter-spacing:.08em;color:var(--text-light);text-transform:uppercase;margin-top:32px;font-size:11px}.login-error{color:#d94040;background:#fff0f0;border:1px solid #f5c0c0;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.login-submit-btn:disabled{background:var(--text-light);cursor:not-allowed;box-shadow:none;transform:none}.otp-boxes{justify-content:center;gap:10px;margin:8px 0 4px;display:flex}.otp-box{border:1.5px solid var(--border);background:var(--sidebar-bg);width:52px;height:60px;color:var(--text-dark);text-align:center;caret-color:#0000;border-radius:14px;outline:none;font-family:Syne,sans-serif;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px #6b35d91f}.otp-back-btn{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.otp-back-btn:hover{text-decoration:underline}@media (max-width:900px){.login-brand{width:38%;padding:36px 32px}.login-brand-title{font-size:26px}.login-brand-sub{display:none}}@media (max-width:768px){.login-page{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.login-brand{display:none}.login-form-panel{background:var(--white);flex-direction:column;flex:1;width:100%;padding:0;display:flex}.login-form-panel:before{content:"";background:linear-gradient(90deg,#6b35d9 0%,#4a1fa8 100%);height:6px;display:block}.login-form-card{width:100%;max-width:440px;box-shadow:none;border:none;margin:auto;padding:36px 28px}.login-form-header h2{font-size:24px}.login-submit-btn{padding:14px;font-size:15px}}@media (max-width:400px){.login-form-card{padding:28px 20px}.otp-boxes{gap:7px}.otp-box{border-radius:10px;width:42px;height:52px;font-size:20px}}@media (max-width:768px){.sidebar{z-index:200;width:280px;min-width:280px;height:100%;padding:28px 20px;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-collapsed{width:280px;min-width:280px;padding:28px 20px;transform:translate(-100%)}.sidebar .sidebar-toggle{right:14px}.sidebar-collapsed .sidebar-toggle{right:-44px}.sidebar-collapsed .sidebar-inner{opacity:1;pointer-events:auto}.sidebar-backdrop{z-index:199;background:#0a081e66;animation:.2s fadeIn;display:block;position:fixed;inset:0}.chat-header{padding:16px 20px}.chat-body{padding:20px 16px}.chat-input-area{padding:14px 16px 20px}}.profile-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0a081ea6;justify-content:center;align-items:center;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal-card{background:var(--white);border-radius:24px;width:100%;max-width:480px;padding:44px 48px;animation:.3s both slideUp;box-shadow:0 32px 80px #0a081e47}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{text-align:center;margin-bottom:36px}.profile-modal-icon{width:56px;height:56px;color:var(--purple);background:linear-gradient(135deg,#ede8fb 0%,#d8cdf7 100%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.profile-modal-title{color:var(--text-dark);margin-bottom:8px;font-family:Syne,sans-serif;font-size:26px;font-weight:700}.profile-modal-sub{color:var(--text-mid);font-size:14px;line-height:1.6}.profile-modal-form{flex-direction:column;gap:20px;display:flex}.profile-field{flex-direction:column;flex:1;gap:8px;display:flex}.profile-field label{color:var(--text-dark);font-size:13px;font-weight:500}.profile-input{border:1.5px solid var(--border);width:100%;color:var(--text-dark);background:var(--sidebar-bg);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,background .2s}.profile-input:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px #6b35d91a}.profile-input::placeholder{color:var(--text-light)}.profile-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.profile-row{gap:16px;display:flex}.profile-error{color:#d94040;background:#fff0f0;border:1px solid #f5c0c0;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.profile-submit-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 6px 20px #6b35d94d}.profile-submit-btn:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 10px 28px #6b35d966}.profile-submit-btn:active{transform:translateY(0)}.profile-submit-btn:disabled{background:var(--text-light);cursor:not-allowed;box-shadow:none;transform:none}