:root{--primary: #38bdf8;--primary-dark: #0ea5e9;--bg-dark: #020617;--bg-card: rgba(15, 23, 42, .7);--text-main: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}.dark{--bg-color: var(--bg-dark);--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(15, 23, 42, .7);--nav-bg: rgba(255, 255, 255, .03);background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.15),var(--bg-dark) 70%);background-color:var(--bg-color);color:var(--text-main);transition:all .4s ease}.light{--bg-color: #f8fafc;--text-main: #0f172a;--text-muted: #334155;--card-bg: rgba(255, 255, 255, .8);--nav-bg: rgba(15, 23, 42, .05);background:#f8fafc;color:var(--text-main);transition:all .4s ease}#tsparticles{position:fixed;width:100%;height:100%;z-index:-1;pointer-events:none}.light #tsparticles{display:none}nav{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;border-radius:50px;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;z-index:1000}.light nav{border:1px solid rgba(15,23,42,.1)}.nav-links{display:flex;gap:24px;align-items:center}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1002}.hamburger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:.3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links a{text-decoration:none;font-size:14px;font-weight:500;color:inherit;opacity:.7;transition:.3s ease}.nav-links a:hover{opacity:1;color:var(--primary)}.nav-actions{display:flex;gap:15px;align-items:center}.nav-actions button{padding:8px 16px;border-radius:20px;border:1px solid rgba(56,189,248,.3);background:transparent;color:inherit;cursor:pointer;font-size:13px;transition:.3s}.nav-actions button:hover{background:#38bdf81a}.resume-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:var(--primary);color:#020617!important;text-decoration:none;font-size:14px;font-weight:600;transition:.3s ease}.resume-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;max-width:1200px;margin:0 auto;scroll-margin-top:80px;width:100%;box-sizing:border-box}.section-content{width:100%;box-sizing:border-box}h2{font-size:42px;margin-bottom:50px;text-align:center;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light h2{background:linear-gradient(135deg,#1e293b,var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{text-align:center}.hero-content h1{font-size:72px;font-weight:800;margin:0;letter-spacing:-2px;line-height:1.1;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:20px;color:var(--text-muted);margin-top:20px;letter-spacing:4px;text-transform:uppercase;font-weight:500}.hero-typewriter{color:var(--primary);font-size:24px;margin-top:15px;min-height:36px}.hero-cta{display:flex;gap:20px;margin-top:40px;justify-content:center}.cta-primary{padding:16px 36px;background:var(--primary);color:#020617;text-decoration:none;border-radius:50px;font-weight:700;transition:.3s}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #38bdf866}.cta-secondary{padding:16px 36px;border:2px solid rgba(255,255,255,.1);color:inherit;text-decoration:none;border-radius:50px;font-weight:600;transition:.3s}.cta-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-stats{display:flex;gap:60px;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.05);justify-content:center}.hero-stat{display:flex;flex-direction:column}.stat-value{font-size:36px;font-weight:800;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.hero-social{display:flex;gap:20px;margin-top:40px;justify-content:center}.social-link{font-size:36px;transition:.3s}.social-link.github{color:#fff}.social-link.linkedin{color:#0077b5}.light .social-link.github{color:#181717}.social-link:hover{transform:scale(1.1);filter:brightness(1.2)}.about-container{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:center}.photo-wrapper{position:relative;justify-self:center}.photo-wrapper img{width:320px;height:320px;object-fit:cover;border-radius:30px;position:relative;z-index:2;filter:grayscale(20%)}.photo-glow{position:absolute;inset:-10px;background:var(--primary);opacity:.2;filter:blur(40px);border-radius:30px}.about-text p{font-size:18px;line-height:1.8;color:var(--text-muted);margin-bottom:20px}.about-highlights{margin-top:30px;display:grid;gap:15px}.about-highlights p{font-size:16px;margin:0;color:var(--text-main)}.about-highlights span{color:var(--primary);font-weight:700;margin-right:8px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.skill-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.05);text-align:center;transition:.3s}.skill-card:hover{border-color:var(--primary);transform:translateY(-8px)}.skill-icon-wrapper{margin-bottom:15px;font-size:32px;color:var(--primary);transition:.3s}.skill-card:hover .skill-icon-wrapper{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--primary))}.circle{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;padding:6px}.counter{width:100%;height:100%;background:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:40px;align-items:stretch;width:100%;box-sizing:border-box}.project-card{background:var(--card-bg);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.4s;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-10px);border-color:var(--primary)}.project-card img{width:100%;height:220px;object-fit:cover}.project-card h3{padding:24px 24px 10px;margin:0;font-size:22px}.project-info{display:flex;flex-direction:column;flex-grow:1}.project-points{padding:0 24px 24px 44px;color:var(--text-muted);line-height:1.6;font-size:15px;margin:0;flex-grow:1;list-style-type:disc}.project-points li{margin-bottom:8px}.project-points li strong{color:var(--primary)}.project-links.centered{display:flex;justify-content:center;padding:0 24px 24px}.github-link{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px;padding:12px 30px;border-radius:12px;transition:.3s ease;color:var(--primary);border:1px solid rgba(56,189,248,.3);background:#38bdf80d}.github-link:hover{background:#38bdf826;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #38bdf833}.demo-link{background:var(--primary);color:#020617}.demo-link:hover{filter:brightness(1.1);transform:translateY(-2px)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:30px;width:100%;box-sizing:border-box}.service-card{background:var(--card-bg);padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.05);text-align:center;transition:.3s}.service-card:hover{border-color:var(--primary);background:#38bdf80d}.service-icon{font-size:40px;margin-bottom:20px}.service-price{font-size:24px;font-weight:800;color:var(--primary);margin:20px 0}.service-card button{width:100%;padding:14px;border-radius:12px;border:none;background:var(--primary);color:#020617;font-weight:700;cursor:pointer;transition:.3s}.service-card button:hover{transform:scale(1.02);filter:brightness(1.1)}.contact-form{max-width:600px;margin:0 auto;display:grid;gap:20px}.contact-form input,.contact-form textarea{width:100%;padding:16px;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-main);font-size:16px;font-family:inherit}.light .contact-form input,.light .contact-form textarea{border:1px solid rgba(15,23,42,.1)}.contact-form textarea{height:150px;resize:vertical}.contact-form button{padding:16px;background:var(--primary);color:#020617;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:.3s}.contact-form button:hover{filter:brightness(1.1);transform:translateY(-2px)}.chatbot-container{position:fixed;bottom:30px;right:30px;z-index:1001}.chat-bubble{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#020617;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 10px 25px #38bdf866}.chat-window{width:350px;height:500px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000004d}.light .chat-window{background:#ffffffe6;border-color:#0f172a1a}.chat-header{padding:20px;background:#38bdf81a;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.header-info{display:flex;align-items:center;gap:10px;font-weight:700}.bot-icon{color:var(--primary)}.header-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:5px;transition:.3s}.header-actions button:hover{color:var(--primary)}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;display:flex}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.message-content{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;white-space:pre-line}.bot .message-content{background:#ffffff0d;color:var(--text-main);border-bottom-left-radius:4px}.user .message-content{background:var(--primary);color:#020617;border-bottom-right-radius:4px;font-weight:500}.typing span{animation:blink 1.4s infinite both;font-size:20px;line-height:0}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.quick-actions{padding:10px 20px;display:flex;flex-wrap:wrap;gap:8px}.quick-action-btn{padding:6px 12px;border-radius:12px;border:1px solid rgba(56,189,248,.3);background:transparent;color:var(--primary);font-size:12px;cursor:pointer;transition:.3s}.quick-action-btn:hover{background:#38bdf81a}.chat-input{padding:20px;display:flex;gap:10px;border-top:1px solid rgba(255,255,255,.05)}.chat-input input{flex-grow:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 15px;color:var(--text-main);font-size:14px}.chat-input button{background:var(--primary);color:#020617;border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.chat-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.chat-window{width:calc(100vw - 40px);height:400px;bottom:20px;right:20px}}@media(max-width:1024px){.hero-content h1{font-size:60px}.about-container{grid-template-columns:1fr;gap:40px}.photo-wrapper img{width:280px;height:280px}}@media(max-width:768px){nav{width:95%;padding:10px 20px}.hamburger{display:flex}.nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:#020617f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px;box-shadow:0 20px 50px #0006}.light .nav-links{background:#fffffff7;border-color:#0f172a1a}.nav-links.open{display:flex}.nav-links a{padding:12px 16px;border-radius:12px;font-size:15px;opacity:1}.nav-links a:hover{background:#38bdf81a}.hero-content h1{font-size:48px}.hero-stats{gap:30px;flex-wrap:wrap;justify-content:center}.section{padding:80px 20px}h2{font-size:32px}}@media(max-width:480px){.hero-content h1{font-size:36px}.hero-cta{flex-direction:column}.hero-stats{flex-direction:column;align-items:center}}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:30px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.cert-card{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:40px 25px;border-radius:24px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;width:100%;box-sizing:border-box;min-width:0}.light .cert-card{background:#0f172a08;border:1px solid rgba(15,23,42,.08)}.cert-card:hover{transform:translateY(-12px);border-color:var(--primary);background:#38bdf80f;box-shadow:0 20px 40px #0000004d,0 0 20px #38bdf81a}.cert-icon-wrapper{margin-bottom:25px;font-size:48px;color:var(--primary);background:#38bdf81a;width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.4s}.cert-card:hover .cert-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#38bdf833;filter:drop-shadow(0 0 15px var(--primary))}.cert-info h3{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.4;color:#fff;letter-spacing:-.02em}.light .cert-info h3{color:#0f172a}.cert-info p{color:var(--primary);font-weight:700;font-size:13px;margin-bottom:25px;text-transform:uppercase;letter-spacing:2px;opacity:.9}.cert-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:600;color:#020617;background:var(--primary);padding:12px 24px;border-radius:14px;transition:.3s;border:1px solid var(--primary)}.cert-link:hover{background:transparent;color:var(--primary);transform:scale(1.05)}.cert-link svg{font-size:12px}.contact-form input,.contact-form textarea,.service-card button,nav{box-sizing:border-box}img{max-width:100%}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hero-typewriter{font-size:20px}}@media(max-width:480px){.projects-grid,.services-grid,.certifications-grid{grid-template-columns:1fr;gap:24px}.project-card img{height:180px}.service-card{padding:32px 24px}.skills-grid{gap:12px}.skill-card{padding:18px 8px}.circle{width:64px;height:64px}.counter{font-size:13px}.skill-card h3{font-size:14px}.hero-subtitle{font-size:16px;letter-spacing:2px}.hero-typewriter{font-size:18px}.hero-cta a{text-align:center}nav{padding:8px 14px}.nav-actions{gap:8px}.resume-btn{padding:8px 12px;font-size:13px}.nav-actions button{padding:8px 12px;font-size:12px;white-space:nowrap}}