.home-container{text-align:center;padding:50px 20px;background:#1e1e2f;min-height:100vh;color:#e0d7ff;font-family:Poppins,sans-serif;position:relative}.github-icon{position:absolute;top:15px;left:15px;font-size:28px;color:#fff;background:#1b1b1f;padding:8px;border-radius:50%;box-shadow:0 2px 5px #0000004d;transition:transform .2s,background .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.github-icon:hover{transform:scale(1.1);background:#333}.home-container h1{font-size:3rem;font-weight:700;margin-bottom:20px;color:#bb86fc;text-shadow:0 0 10px #bb86fc33}.home-description{max-width:700px;margin:0 auto 40px;font-size:1rem;color:#d0c4ff;text-align:center;line-height:1.6}.persona-grid{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.persona-card-wrapper{position:relative;display:inline-block}.persona-card{position:relative;width:220px;height:300px;border-radius:15px;cursor:pointer;background-size:cover;background-position:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #00000080;overflow:hidden;border:2px solid transparent;background-clip:padding-box}.persona-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 25px #000000b3;border:2px solid #bb86fc}.persona-card:before{content:"";position:absolute;inset:-5px;border-radius:15px;background:linear-gradient(45deg,#bb86fc,#6200ea,#3700b3,#bb86fc);background-size:400%;z-index:-1;animation:glowing-border 3s linear infinite}@keyframes glowing-border{0%{background-position:400% 0}50%{background-position:0 100%}to{background-position:400% 0}}.overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;border-radius:15px}.persona-card:hover .overlay{opacity:1}.overlay h2{font-size:1.5rem;color:#fff;margin-bottom:10px}.overlay p{color:#e0d7ff;font-size:14px;text-align:center;padding:0 10px}.card-preview{position:absolute;top:50%;width:680px;height:auto;transform:translateY(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;border:2px solid #bb86fc;border-radius:10px;box-shadow:0 4px 15px #00000080;z-index:10}.left-card.card-preview{left:-690px}.right-card.card-preview{right:-690px}.persona-card-wrapper:hover .card-preview{opacity:1}.chat-message{display:flex;flex-direction:column;max-width:70%;animation:fadeIn .3s ease}.chat-message.user{align-self:flex-end;text-align:right}.chat-message.bot{align-self:flex-start;text-align:left}.message-bubble{padding:14px 20px;border-radius:20px;position:relative;box-shadow:0 4px 15px #0006,0 0 10px #0003 inset;font-size:16px;line-height:1.6;word-break:break-word;white-space:pre-line;transition:box-shadow .3s ease,transform .2s ease}.user .message-bubble{background:linear-gradient(135deg,#0084ff,#00c6ff);color:#fff;border-top-right-radius:0;box-shadow:0 4px 15px #0084ff80}.bot .message-bubble{background:linear-gradient(135deg,#bb86fc,#6200ea);color:#fff;border-top-left-radius:0;box-shadow:0 4px 15px #bb86fc80}.bot.typing .message-bubble:after{content:"...";display:inline-block;font-weight:700;margin-left:6px;animation:blink 1s infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%{opacity:.3}50%{opacity:.7}to{opacity:1}}.chat-page-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1e1e2f,#14141f);font-family:Poppins,sans-serif}.chat-container{position:relative;display:flex;flex-direction:column;width:60vw;max-width:900px;height:85vh;border-radius:20px;overflow:hidden;background:#1e1e2f;z-index:0}.chat-container:after{content:"";position:absolute;left:0;bottom:0;width:200%;height:6px;background:linear-gradient(90deg,#bb86fc,#6200ea,#3700b3,#bb86fc,#6200ea,#bb86fc);border-radius:3px 3px 0 0;animation:snake-bottom 4s linear infinite;z-index:5}.chat-container:before{content:"";position:absolute;left:0;top:0;width:200%;height:6px;background:linear-gradient(90deg,#bb86fc,#6200ea,#3700b3,#bb86fc,#6200ea,#bb86fc);border-radius:0 0 3px 3px;animation:snake-top 4s linear infinite reverse;z-index:5}@keyframes snake-bottom{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes snake-top{0%{transform:translate(0)}to{transform:translate(-50%)}}.chat-header{background:#2c2c54;padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #444;border-top-left-radius:20px;border-top-right-radius:20px;z-index:3;position:relative}.chat-header button{background:#bb86fc;border:none;padding:8px 12px;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:background .3s ease}.chat-header button:hover{background:#9c4dd7}.chat-header h2{flex:1;text-align:center;margin:0;color:#dfc6ff}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:#1a1a2e;z-index:3;position:relative}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#1a1a2e;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#bb86fc,#6200ea);border-radius:10px;box-shadow:0 0 5px #bb86fcb3}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#dfc6ff,#bb86fc);box-shadow:0 0 8px #bb86fce6}.chat-input{display:flex;gap:10px;padding:12px 20px;border-top:1px solid #444;background:#2c2c54;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:3;position:relative}.chat-input input{flex:1;padding:12px 18px;border-radius:25px;border:none;outline:none;font-size:16px;background:#1a1a2e;color:#fff;transition:box-shadow .3s ease}.chat-input input:focus{box-shadow:0 0 10px #bb86fc66}.chat-input button{padding:12px 20px;border-radius:25px;border:none;background:#bb86fc;color:#fff;cursor:pointer;font-weight:500;transition:background .3s ease}.chat-input button:hover{background:#9c4dd7}.chat-input button:disabled{background:#777;cursor:not-allowed}body{margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}