.chat-container{max-width:1000px;margin:0 auto 40px;background:#1e293b;border-radius:20px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;height:700px;position:relative;border:1px solid #334155}.messages-container{flex:1;overflow-y:auto;padding:25px 25px 140px;background:#1e293b;min-height:0}.suggestions-section-above-input{position:absolute;bottom:120px;left:0;right:0;padding:12px 25px 15px;background:transparent;z-index:10;margin-bottom:0}.suggestions-title{display:none}.suggestions-grid-above{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.suggestion-button-above{padding:8px 16px;background:#3b82f61a;border:1px solid rgba(96,165,250,.4);border-radius:20px;color:#60a5fa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:0 0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestion-button-above:hover:not(:disabled){background:#60a5fa33;border-color:#60a5fa;transform:translateY(-2px)}.suggestion-button-above:active:not(:disabled){transform:translateY(0)}.suggestion-button-above:disabled{opacity:.4;cursor:not-allowed;border-color:#475569;color:#64748b;transform:none;background:#60a5fa0d}.suggestions-section,.suggestions-grid,.suggestion-button{display:none}.input-form{display:flex;padding:15px 25px 25px;background:#1e293b;gap:10px;flex-shrink:0;margin-top:0;position:relative;z-index:5}.message-input{flex:1;padding:16px;border:2px solid #475569;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;min-height:60px;max-height:120px;transition:border-color .2s ease;background:#0f172a;color:#f8fafc}.message-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.send-button{padding:0 28px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s ease,transform .2s ease;align-self:stretch;min-width:100px;width:100px;flex-shrink:0}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px)}.send-button:disabled{background:#475569;cursor:not-allowed;transform:none}.send-button:hover:not(:disabled){background:#3db8af;transform:translateY(-2px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.typing-indicator{display:flex;align-items:center;padding:10px 16px}.typing-indicator span{width:10px;height:10px;margin:0 3px;background-color:#60a5fa;border-radius:50%;display:inline-block;animation:typing 1.4s infinite ease-in-out both}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;color:#f8fafc}.app{max-width:1200px;margin:0 auto;padding:10px 20px 0}.header{text-align:center;color:#f8fafc;margin-bottom:40px;padding:40px 20px}.header h1{font-size:3.5rem;margin-bottom:10px;font-weight:300;letter-spacing:-.5px}.header p{font-size:1.2rem;opacity:.9}.message{margin-bottom:25px;max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{margin-left:auto}.ai-message{margin-right:auto}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.message-sender{font-weight:700;color:#555}.user-message .message-sender{color:#60a5fa}.ai-message .message-sender{color:#34d399}.message-time{color:#888;font-size:.8rem}.message-content{padding:20px;border-radius:15px;line-height:1.6;font-size:1rem}.user-message .message-content{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border-radius:15px 15px 0}.ai-message .message-content{background:#1e293b;color:#f8fafc;border:1px solid #334155;border-radius:15px 15px 15px 0;box-shadow:0 4px 12px #0000001a}.message-text{white-space:pre-wrap;word-wrap:break-word}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin-top:1em;margin-bottom:.5em;font-weight:700;line-height:1.2}.message-text h1{font-size:1.5em}.message-text h2{font-size:1.3em}.message-text h3{font-size:1.1em}.message-text p{margin-bottom:1em;line-height:1.6}.message-text ul,.message-text ol{margin-bottom:1em;padding-left:2em}.message-text li{margin-bottom:.5em}.message-text blockquote{border-left:4px solid #34d399;padding-left:1em;margin-left:0;margin-right:0;font-style:italic;color:#94a3b8}.message-text code:not(.code-block code){background-color:#f0f0f0;padding:.2em .4em;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.message-text pre:not(.code-block){background-color:#f5f5f5;padding:1em;border-radius:5px;overflow-x:auto;margin:1em 0}.message-text strong{font-weight:700;color:#60a5fa}.message-text em{font-style:italic}.message-text a{color:#34d399;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text hr{border:none;border-top:1px solid #e0e0e0;margin:1.5em 0}.code-block{margin:15px 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#1e1e1e;color:#ccc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.language-label{text-transform:uppercase;font-weight:700;color:#fff}.copy-button{background:#4caf50;color:#fff;border:none;padding:5px 15px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.copy-button:hover{background:#45a049}.typing-indicator{display:flex;padding:10px}.typing-indicator span{height:8px;width:8px;background:#60a5fa;border-radius:50%;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%{transform:scale(0)}40%{transform:scale(1)}80%{transform:scale(0)}to{transform:scale(0)}}.footer{text-align:center;color:#94a3b8;padding:20px;font-size:.9rem;font-weight:300}.social-section{max-width:800px;margin:60px auto}.social-section h2{margin-top:0;color:#f8fafc;text-align:center;font-size:1.8rem;margin-bottom:40px;font-weight:300}.social-links{display:flex;justify-content:center;gap:40px;margin:40px 0;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#475569;transition:all .3s ease;padding:25px;border-radius:16px;background:#1e293b;box-shadow:0 6px 20px #0003;width:140px;border:1px solid #334155}.social-link:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0003}.social-link svg{margin-bottom:15px;width:36px;height:36px}.social-link span{font-weight:600;font-size:1rem}.github:hover{color:#f8fafc;background:#333}.linkedin:hover{color:#f8fafc;background:#0077b5}.twitter:hover{color:#f8fafc;background:#1da1f2}.contact-section{max-width:800px;margin:60px auto;padding:30px;background:#1e293b;border-radius:16px;box-shadow:0 8px 24px #0003;border:1px solid #334155}.contact-section h2{margin-top:0;color:#f8fafc;text-align:center;font-size:1.8rem;margin-bottom:30px;font-weight:300}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#cbd5e1;font-size:.95rem}.form-group input,.form-group textarea{padding:14px;border:1px solid #475569;border-radius:8px;font-size:16px;font-family:inherit;transition:all .3s;background:#0f172a;color:#f8fafc}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.submit-btn{padding:16px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.form-status{text-align:center;padding:12px;border-radius:8px;margin-top:10px;font-weight:500}.form-status.sending{color:#856404;background:#fff3cd}.form-status.success{color:#155724;background:#d4edda}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)}*:focus{outline:none!important;outline-offset:0!important;box-shadow:none!important}html,body{scroll-padding-top:0!important;scroll-padding-bottom:0!important}