.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;width:100%;padding:15px 25px 25px;background:#1e293b;gap:10px;flex-shrink:0;margin-top:0;position:relative;z-index:5;box-sizing:border-box}.message-input{flex:1;width:100%;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;box-sizing:border-box}.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}}.rate-limit-status{padding:12px 25px;background:#0f172acc;border-bottom:1px solid #334155;border-radius:20px 20px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rate-limit-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#cbd5e1}.rate-limit-label{font-weight:500}.rate-limit-count{font-weight:600;color:#34d399;padding:2px 8px;background:#34d3991a;border-radius:4px;border:1px solid rgba(52,211,153,.3)}.rate-limit-count.rate-limit-low{color:#f87171;background:#f871711a;border-color:#f871714d}.rate-limit-window{font-size:.8rem;color:#94a3b8;margin-left:auto}.rate-limit-error{margin-top:8px;padding:8px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;font-size:.85rem;font-weight:500}.input-wrapper{position:relative;flex:1}.char-counter{position:absolute;bottom:8px;right:12px;font-size:.8rem;color:#94a3b8;background:#0f172ab3;padding:2px 6px;border-radius:4px;pointer-events:none}.char-counter-warning{color:#fbbf24}.char-counter-error{color:#f87171}.char-limit-error{position:absolute;bottom:60px;left:25px;right:25px;padding:8px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;font-size:.85rem;font-weight:500;z-index:10}*{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}.nav-container{padding:20px 0;text-align:center}.nav-links{display:flex;justify-content:center;list-style:none;gap:30px;margin:0;padding:0}.nav-link{color:#94a3b8;text-decoration:none;font-size:1rem;font-weight:400;transition:color .2s ease}.nav-link:hover{color:#f8fafc}.blog-page{max-width:1200px;margin:0 auto;padding:20px}.blog-header{text-align:center;color:#f8fafc;margin-bottom:40px;padding:20px}.blog-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:300;letter-spacing:-.5px}.blog-header p{font-size:1.1rem;opacity:.9}.blog-main{max-width:800px;margin:0 auto}.blog-list{display:flex;flex-direction:column;gap:30px}.blog-preview{background:#1e293b;border-radius:16px;padding:30px;border:1px solid #334155;transition:all .3s ease;cursor:pointer}.blog-preview:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0003;border-color:#475569}.blog-preview h3{color:#f8fafc;font-size:1.5rem;margin-bottom:10px;font-weight:500}.post-meta{margin-bottom:15px}.post-date{color:#94a3b8;font-size:.9rem}.post-excerpt{color:#cbd5e1;line-height:1.6;margin-bottom:20px}.read-more{background:transparent;color:#60a5fa;border:none;font-size:1rem;font-weight:500;cursor:pointer;padding:0;transition:color .3s}.read-more:hover{color:#3b82f6}.blog-post-full{background:#1e293b;border-radius:16px;padding:40px;border:1px solid #334155}.back-button{background:#334155;color:#cbd5e1;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;cursor:pointer;margin-bottom:30px;transition:all .3s}.back-button:hover{background:#475569;color:#f8fafc}.blog-post-full h2{color:#f8fafc;font-size:2rem;margin-bottom:15px;font-weight:500}.post-content{color:#cbd5e1;line-height:1.7;font-size:1.1rem}.post-content h1{color:#f8fafc;font-size:1.8rem;margin:30px 0 15px;font-weight:500}.post-content h2{color:#f8fafc;font-size:1.5rem;margin:25px 0 12px;font-weight:500}.post-content h3{color:#f8fafc;font-size:1.3rem;margin:20px 0 10px;font-weight:500}.post-content p{margin-bottom:20px}.post-content strong{color:#f8fafc;font-weight:600}.post-content hr{border:none;border-top:1px solid #475569;margin:30px 0}.post-content ul{margin-bottom:20px;padding-left:20px}.post-content li{margin-bottom:8px}.coming-soon{background:#1e293b;border-radius:16px;padding:30px;border:1px solid #334155;margin-top:40px}.coming-soon h3{color:#f8fafc;font-size:1.5rem;margin-bottom:15px;font-weight:500}.coming-soon p{color:#cbd5e1;line-height:1.6;margin-bottom:15px}.coming-soon ul{margin-bottom:20px;padding-left:20px}.coming-soon li{color:#cbd5e1;margin-bottom:8px}.contact-page{max-width:1200px;margin:0 auto;padding:20px}.contact-header{text-align:center;color:#f8fafc;margin-bottom:40px;padding:20px}.contact-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:300;letter-spacing:-.5px}.contact-header p{font-size:1.1rem;opacity:.9}.contact-main{max-width:1000px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}.contact-info h2{color:#f8fafc;font-size:1.8rem;margin-bottom:20px;font-weight:500}.contact-info p{color:#cbd5e1;line-height:1.6;margin-bottom:30px}.contact-methods{display:flex;flex-direction:column;gap:30px}.contact-method h3{color:#f8fafc;font-size:1.3rem;margin-bottom:10px;font-weight:500}.contact-method p{color:#60a5fa;font-size:1.1rem;margin-bottom:0}.social-links-contact{display:flex;gap:20px;flex-wrap:wrap}.social-links-contact .social-link{width:auto;padding:15px 20px;flex-direction:row;gap:10px}.contact-form-container h2{color:#f8fafc;font-size:1.8rem;margin-bottom:20px;font-weight:500}.projects-container{max-width:1000px;margin:60px auto;padding:0 20px}.projects-container h1{text-align:center;font-size:3rem;margin-bottom:20px;font-weight:300;color:#f8fafc}.projects-intro{text-align:center;color:#94a3b8;font-size:1.1rem;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.project-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#1e293b;border-radius:16px;padding:30px;border:1px solid #334155;transition:all .3s ease;box-shadow:0 6px 20px #0003;height:100%;min-height:220px}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0003;border-color:#60a5fa}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-header h3{font-size:1.8rem;font-weight:600;color:#f8fafc;margin:0}.project-link-arrow{font-size:1.5rem;color:#60a5fa;transition:transform .3s ease}.project-card:hover .project-link-arrow{transform:translate(5px)}.project-description{color:#94a3b8;line-height:1.6;margin-bottom:25px;font-size:1rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.project-tag{background:#0f172a;color:#60a5fa;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #334155}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.projects-container h1{font-size:2.5rem}}