.chat-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;border-radius:50%;width:65px;height:65px;font-size:26px;transition:transform .3s;position:fixed;bottom:20px;right:20px;box-shadow:0 0 20px #00c6ffb3}.chat-toggle:hover{transform:scale(1.1)}.chatbox{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d1117d9;border-radius:20px;flex-direction:column;width:320px;height:420px;display:flex;position:fixed;bottom:100px;right:20px;overflow:hidden;box-shadow:0 0 30px #00c6ff4d}.chat-header{text-align:center;color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#00c6ff,#0072ff);padding:12px;font-weight:700}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#00c6ff;border-radius:10px}.chat-message{border-radius:15px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.4;animation:.3s fadeIn}.chat-message.user{color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);border-bottom-right-radius:5px;align-self:flex-end}.chat-message.bot{color:#e5e7eb;background:#1f2937;border-bottom-left-radius:5px;align-self:flex-start}.chat-input{border-top:1px solid #333;display:flex}.chat-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px;font-size:14px}.chat-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;padding:0 16px;font-size:18px;transition:all .3s}.chat-input button:hover{background:#00c6ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0009;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 50px;display:flex;position:fixed;top:0;left:0}header nav a{color:#fff;margin-left:20px;text-decoration:none;transition:all .3s}header nav a:hover{color:#00d4ff}.about{justify-content:space-around;align-items:center;height:100vh;padding:100px 50px;display:flex}.about img{border-radius:20px;width:250px;box-shadow:0 0 20px #00d4ff}.about h1{font-size:40px}.about h2{color:#00d4ff;margin-top:10px;margin-bottom:20px}.about button{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:10px;height:40px;margin-top:20px;padding:10px 20px}.about-left{max-width:600px;line-height:25px}.about-sub h2{color:#00d4ff;margin:5px 0}#aboutText{text-align:justify;margin-top:20px;font-size:16px;line-height:1.6}.jump-letter{animation:.5s both jump;display:inline-block}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(0)}}section{text-align:center;padding:80px 50px}h1{margin-bottom:30px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff1a;border-radius:15px;margin:15px;padding:20px;line-height:1.7;transition:all .3s}.card h2{margin-bottom:12px}.card p{margin-bottom:14px;line-height:1}.card ul{margin-top:8px;padding-left:20px}.card li{margin-bottom:8px;line-height:1}.card:hover{transform:scale(1.05)}.grid{flex-wrap:wrap;justify-content:center;display:flex}footer{text-align:center;background:#000;padding:20px}.letter{opacity:0;animation:.5s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-container{flex-direction:column;align-items:center;display:flex}.projects-container .card{text-align:left;width:70%}.contact-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin-top:30px;display:flex}.icon-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 0 10px #0003}.icon-link:hover{color:#00d4ff;background:#ffffff2e;transform:translateY(-6px)scale(1.08);box-shadow:0 0 18px #00d4ff73}.about-buttons{align-items:center;gap:15px;margin-top:15px;display:flex}.mic-btn{cursor:pointer;color:#fff;background:#007bff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:40px;font-size:20px;transition:all .3s;animation:2s infinite pulse;display:flex}.mic-btn:hover{background:#0056b3;transform:scale(1.1)}.chat-toggle{color:#fff;cursor:pointer;background:#00adb5;border:none;border-radius:50%;padding:15px;font-size:20px;position:fixed;bottom:20px;right:20px}.chatbox{color:#fff;background:#111;border-radius:10px;width:300px;padding:15px;position:fixed;bottom:80px;right:20px}.messages{max-height:200px;overflow-y:auto}.user{text-align:right}.bot{text-align:left}input{width:100%;padding:5px}.voice-hint{color:#aaa;margin-top:5px;font-size:12px;display:block}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#handles{padding:100px 30px}.handles-container{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.handle-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;width:100%;padding:30px;transition:all .4s;box-shadow:0 10px 35px #00000059}.handle-card:hover{transform:translateY(-6px)}.handle-card h2{text-align:center;color:#00d4ff;margin-bottom:25px;font-size:2rem}.stats-img,.graph-img,.calendar-img,.github-stats{border-radius:16px;width:100%;margin-bottom:20px;transition:all .3s}.stats-img:hover,.graph-img:hover,.github-stats:hover{transform:scale(1.02)}.github-top{flex-direction:column;gap:20px;display:flex}.calendar-box{background:#000;border-radius:16px;margin-bottom:20px;padding:16px;overflow-x:auto}.profile-btn{color:#000;background:#00d4ff;border-radius:12px;width:fit-content;margin:15px auto 0;padding:12px 26px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.profile-btn:hover{transform:translateY(-3px);box-shadow:0 0 20px #00d4ff73}@media (width<=1000px){.handles-container{grid-template-columns:1fr}}@media (width<=768px){.handles-title{font-size:2.2rem}.handle-card{padding:20px}.handle-card h2{font-size:1.5rem}}