*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont;background:#0f172a;color:#e2e8f0;line-height:1.7;font-size:16px}body.light .architecture-desc,body.light .company,body.light .testimonial span{color:#475569}body.light .navbar{background:#ffffffb3;border:1px solid rgba(0,0,0,.06)}body.light{background:#fff;color:#0f172a}body.light .section.dark{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}body.light .project-card,body.light .testimonial,body.light .skills-grid div{background:#fff;border:1px solid #e5e7eb}body.light .btn-secondary{border:1px solid #d1d5db;color:#000;background-color:#fff}body.light .btn-secondary:hover{background:#f3f4f6}body.light .tech span{background:#e5e7eb;color:#111827}body.light .footer{background:#f8fafc;border-top:1px solid #e5e7eb}body.light .footer-links a{color:#475569}body.light .architecture-diagram,body.light .arch-box{background:#fff;border:1px solid #e5e7eb}body.light .architecture-desc{color:#475569}body.light .preview-card{background:linear-gradient(135deg,#6366f1,#0ea5e9)}body.light .social-links a{background:#fff;border:1px solid #e5e7eb}p{font-size:1.05rem}.container{max-width:1100px;margin:auto;padding:4rem 2rem}.hero{padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,#6366f1 0%,transparent 40%),radial-gradient(circle at 70% 70%,#38bdf8 0%,transparent 40%);opacity:.15;animation:heroMove 12s linear infinite}@keyframes heroMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:center}.hero h1{font-size:4rem;margin-bottom:10px}.hero h2{font-size:1.8rem;color:#94a3b8;margin-bottom:20px}.hero p{font-size:1.5rem;max-width:540px}.hero-buttons{margin-top:30px;display:flex;gap:16px}.btn-primary{background:#22c55e;border:none;padding:0 16px!important;border-radius:8px;font-size:1.3rem;position:relative}.btn-primary:hover{opacity:.9;cursor:pointer;border-color:#6366f1;transform:translateY(-2px)}.btn-primary{font-size:1rem!important}.btn-secondary{border:1px solid #334155;padding:10px 16px;border-radius:8px;text-decoration:none;color:#e2e8f0;position:relative;font-size:1rem!important}.btn-secondary:hover{background:#1e293b;border-color:#6366f1;transform:translateY(-2px)}.hero-image{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-photo{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid #334155;box-shadow:0 10px 40px #00000080}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:35% center}.social-links{margin-top:25px;display:flex;gap:20px}.social-links a{color:#94a3b8;text-decoration:none;transition:.25s;position:relative}.social-links a:hover{color:#38bdf8}.section{padding:100px 20px;position:relative}.section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(to right,transparent,rgba(148,163,184,.4),transparent)}.section.dark{background:#1e293b;background:linear-gradient(180deg,#1e293b,#1a2436)}.section-title{font-size:2.4rem;margin-bottom:45px;font-weight:700;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:60px;height:3px;margin-top:12px;background:linear-gradient(90deg,#6366f1,#38bdf8);border-radius:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transition:all .6s}.project-card:hover:before{left:100%}.project-card.large{padding:40px}.project-card h3{margin-bottom:10px}.tech{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px}.tech span{background:#334155;padding:5px 10px;border-radius:6px;font-size:.85rem}.buttons{margin-top:20px;display:flex;gap:15px}.buttons a{background:#22c55e;padding:8px 14px;border-radius:6px;color:#fff;text-decoration:none}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skills-grid h3{margin-bottom:8px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-buttons,.social-links{justify-content:center}}.architecture-diagram{background:#020617;padding:30px;border-radius:10px;font-family:monospace;white-space:pre-line;margin-top:30px;border:1px solid #334155}.architecture-desc{max-width:700px;margin-bottom:20px;color:#94a3b8}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.stack-card{background:#1e293b;padding:25px;border-radius:10px}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000059;border-color:#6366f1}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.architecture-notes ul{margin-top:15px;padding-left:18px}.architecture-notes li{margin-bottom:10px;color:#cbd5f5}@media (max-width:900px){.architecture-grid{grid-template-columns:1fr}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.profile-photo{width:220px;height:220px;margin:auto}.hero-buttons,.social-links{justify-content:center}}.experience{display:grid;gap:40px}.job h3{font-size:1.4rem}.company{color:#94a3b8;display:block;margin-bottom:10px}.job ul{padding-left:18px}.job li{margin-bottom:10px}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.testimonial{background:#1e293b;padding:25px;border-radius:10px}.testimonial span{display:block;margin-top:15px;color:#94a3b8;font-size:.9rem}.contact{text-align:center}.contact-links{margin-top:25px;display:flex;justify-content:center;gap:25px}.contact-links a{border:1px solid #334155;padding:10px 16px;border-radius:8px;text-decoration:none;color:#e2e8f0}.footer{background:#020617;border-top:1px solid #334155}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:30px 20px;font-size:.9rem;color:#94a3b8}.footer-links{display:flex;gap:20px}.footer-links a{color:#94a3b8;text-decoration:none}.footer-links a:hover{color:#e2e8f0}@media (max-width:700px){.footer-content{flex-direction:column;gap:10px;text-align:center}}.project-card{background:#1e293b;padding:30px;border-radius:14px;transition:all .35s ease;border:1px solid rgba(148,163,184,.1);position:relative;overflow:hidden}.skills-grid div{background:#1e293b;padding:25px;border-radius:12px;font-weight:600;transition:all .35s ease;cursor:default;border:1px solid rgba(148,163,184,.1)}.skills-grid div:hover{transform:translateY(-6px) scale(1.03);border:1px solid #6366f1;box-shadow:0 10px 25px #6366f140}.theme-toggle{position:fixed;top:90px;right:50px;background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:4px 5px;border-radius:8px;cursor:pointer;font-size:18px;z-index:1000;transition:.2s}.theme-toggle:hover{transform:scale(1.1)}.timeline{max-width:800px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#6366f1}.timeline-item{position:relative;padding-left:60px;margin-bottom:50px}.timeline-dot{position:absolute;left:11px;top:0;width:18px;height:18px;background:#6366f1;border-radius:50%}.timeline-item h3{margin-bottom:5px}.timeline-item span{font-size:.9rem;color:#94a3b8;display:block;margin-bottom:10px}.github-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:40px}.github-stats img{border-radius:10px;max-width:420px;width:100%}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1100px;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:14px 30px;position:relative}.logo{font-weight:700;font-size:1.3rem;letter-spacing:.5px;color:#e2e8f0;z-index:1001}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:6px;width:30px}.hamburger span{display:block;width:100%;height:2px;background:#e2e8f0;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.nav-links{display:flex;gap:25px}.nav-links a{color:#cbd5f5;text-decoration:none;font-weight:500;transition:color .25s ease;font-size:1.1rem;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#6366f1;transition:width .3s ease}.nav-links a:hover{color:#e2e8f0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#6366f1}@media screen and (max-width: 768px){.navbar{width:95%;top:15px}.navbar-container{padding:12px 20px}.mobile-menu-btn{display:block}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#1e293b;flex-direction:column;padding:80px 30px 30px;gap:20px;transition:right .3s ease;box-shadow:-5px 0 30px #0000004d;border-left:1px solid rgba(255,255,255,.1)}.nav-links.active{right:0}.nav-links a{font-size:1.2rem;padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links a:last-child{border-bottom:none}body.menu-open{overflow:hidden}body.menu-open:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}}@media screen and (max-width: 480px){.navbar-container{padding:10px 15px}.logo{font-size:1.1rem}.nav-links{width:85%;padding:70px 20px 20px}.nav-links a{font-size:1.1rem}}body.light .navbar{background:#fffc;border-color:#00000014}body.light .logo{color:#0f172a}body.light .hamburger span{background:#0f172a}body.light .nav-links{background:#fff}body.light .nav-links a{color:#334155;border-bottom-color:#0000001a}body.light .nav-links a:hover,body.light .nav-links a.active{color:#6366f1}.architecture-desc{text-align:center;max-width:650px;margin:0 auto 40px;color:#94a3b8}.architecture-diagram{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:20px}.arch-box{background:#1e293b;padding:16px 22px;border-radius:10px;font-weight:600;border:1px solid rgba(148,163,184,.15);transition:.3s}.arch-box:hover{transform:translateY(-4px);border-color:#6366f1;box-shadow:0 10px 25px #0000004d}.arch-arrow{font-size:1.5rem;color:#6366f1;font-weight:700}.saas-project{display:flex;align-items:center;gap:60px;margin-top:70px;flex-wrap:wrap}.saas-project.reverse{flex-direction:row-reverse}.saas-info{flex:1;min-width:280px}.saas-info h3{font-size:1.6rem;margin-bottom:10px}.saas-info p{margin-bottom:20px;max-width:500px}.project-links{margin-top:20px;display:flex;gap:12px}.saas-preview{flex:1;min-width:280px;display:flex;justify-content:center}.preview-card{width:100%;max-width:420px;height:240px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;box-shadow:0 25px 50px #0000004d;transition:.35s}.preview-card:hover{transform:translateY(-8px) scale(1.03)}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%);mask-image:radial-gradient(circle at center,black 30%,transparent 80%);pointer-events:none}.grid-background:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.15),transparent);animation:gridMove 18s linear infinite}@keyframes gridMove{0%{transform:translate(-20%,-20%)}to{transform:translate(20%,20%)}}.logo{font-weight:700;font-size:1.1rem;letter-spacing:.5px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.project-image{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:15px}.project-placeholder{height:180px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:10px;font-weight:600}.engineering-title{margin-top:80px}.badge{font-size:.7rem;background:#22c55e;color:#fff;padding:4px 8px;border-radius:6px;margin-left:6px}.social-links{margin-top:25px;display:flex;gap:18px;align-items:center}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#1e293b;border:1px solid rgba(148,163,184,.2);transition:.25s}.social-links img{width:22px;height:22px;object-fit:contain}.social-links a:hover{transform:translateY(-3px);border-color:#6366f1;box-shadow:0 8px 20px #0000004d}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.expertise-card{background:#1e293b;padding:30px;border-radius:14px;border:1px solid rgba(148,163,184,.1);transition:all .35s ease}.expertise-card:hover{transform:translateY(-6px);border-color:#6366f1;box-shadow:0 10px 25px #6366f140}.expertise-card h3{font-size:1.7rem;margin-bottom:20px;color:#e2e8f0;border-bottom:2px solid #334155;padding-bottom:10px}.expertise-list{list-style:none;padding:0;margin:0}.expertise-list li{margin-bottom:12px;font-size:1.5rem;display:flex;align-items:center;transition:transform .2s ease}.expertise-list li:hover{transform:translate(5px)}.check-mark{color:#22c55e;font-weight:700;margin-right:10px;font-size:1.2rem;display:inline-block}body.light .expertise-card{background:#fff;border-color:#e5e7eb}body.light .expertise-card h3{color:#0f172a;border-bottom-color:#e5e7eb}body.light .check-mark{color:#16a34a}.hero-badge{display:inline-block;background:#22c55e1a;color:#22c55e;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:20px;border:1px solid rgba(34,197,94,.3)}.highlight{color:#6366f1;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#6366f1,#38bdf8);border-radius:2px}.gradient-text{background:linear-gradient(135deg,#6366f1,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-number{color:#22c55e;font-weight:700;font-size:1.2em}.hero-description{font-size:1.2rem;line-height:1.7;color:#94a3b8;max-width:540px}.availability-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:8px 20px;background:#22c55e1a;border-radius:40px;font-size:.95rem;color:#22c55e;border:1px solid rgba(34,197,94,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;width:fit-content}.availability-badge:hover{background:#22c55e26;transform:translateY(-2px);box-shadow:0 5px 15px #22c55e33}.status-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (max-width: 900px){.hero-image{margin-top:30px}.availability-badge{margin-top:15px}}body.light .hero-badge{background:#22c55e1a;border-color:#22c55e4d}body.light .hero-description{color:#475569}.project-card{background:#1e293b;padding:30px;border-radius:14px;transition:all .35s ease;border:1px solid rgba(148,163,184,.1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-10px);border-color:#6366f1;box-shadow:0 25px 50px #00000059}.card-badge{display:inline-block;background:#6366f126;color:#6366f1;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:15px;border:1px solid rgba(99,102,241,.3);width:fit-content;letter-spacing:.5px}.project-description{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.project-metrics{display:flex;gap:20px;margin-top:1rem;margin-bottom:1rem;padding:15px 0;border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.1)}.metric{display:flex;flex-direction:column}.metric-value{font-size:1.5rem;font-weight:700;color:#6366f1;line-height:1.2}.metric-label{font-size:1rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.tech{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}.tech span{background:#334155;padding:4px 10px;border-radius:6px;font-size:1rem;color:#e2e8f0;border:1px solid rgba(255,255,255,.05)}.buttons{display:flex;gap:12px;margin-top:auto}.buttons a,.btn-private{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-live{background:#22c55e;color:#000}.btn-live:hover{background:#16a34a;transform:translateY(-2px)}.btn-demo{background:#6366f1;color:#fff}.btn-demo:hover{background:#4f52e0;transform:translateY(-2px)}.btn-github{background:#1e293b;color:#e2e8f0;border:1px solid #334155}.btn-github:hover{background:#2d3a4f;border-color:#6366f1}.btn-private{background:#475569;color:#cbd5e1;cursor:not-allowed;opacity:.7}body.light .project-card{background:#fff;border-color:#e5e7eb}body.light .tech span{background:#f1f5f9;color:#1e293b;border-color:#e2e8f0}body.light .metric-label{color:#64748b}body.light .badge{background:#6366f11a;color:#4f52e0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.project-card{background:#1e293b;border-radius:16px;padding:28px;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;height:fit-content}.project-card.featured{border-color:#6366f1;box-shadow:0 8px 30px #6366f126}.project-card:hover{transform:translateY(-5px);border-color:#6366f1}.card-header{margin-bottom:16px}.project-category{display:inline-block;background:#6366f11a;color:#6366f1;font-size:1rem;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.3px}.project-card h3{font-size:1.7rem;color:#e2e8f0;margin:8px 0 12px}.project-card p{font-size:1.5rem}.project-description{color:#94a3b8;font-size:1.5rem;line-height:1.6;margin-bottom:20px}.features-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;padding:16px 0;border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.1)}.feature-item{display:flex;gap:12px;align-items:flex-start}.feature-icon{font-size:1.5rem;min-width:24px}.feature-item strong{display:block;color:#e2e8f0;font-size:1.2rem;margin-bottom:2px}.feature-item span{color:#94a3b8;font-size:1.2rem}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag{background:#334155;color:#cbd5e1;font-size:1rem;padding:4px 10px;border-radius:20px}.arch-diagram{background:#0f172a;padding:16px;border-radius:12px;margin:16px 0;border:1px solid #334155}.arch-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.arch-row:last-child{margin-bottom:0}.arch-node{background:#1e293b;padding:6px 12px;border-radius:6px;font-size:1rem;border:1px solid #334155;color:#cbd5e1}.arch-node.highlight{border-color:#6366f1;background:#6366f11a}.arch-node.accent{border-color:#f59e0b;background:#f59e0b1a}.arch-arrow{color:#6366f1;font-size:1rem}.live-preview{background:#0f172a;border-radius:10px;overflow:hidden;margin:20px 0;border:1px solid #334155}.preview-header{background:#1e293b;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155}.preview-title{font-weight:600;color:#e2e8f0;font-size:.9rem}.live-badge{background:#22c55e;color:#000;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:12px}.preview-body{padding:12px}.preview-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 0;border-bottom:1px solid #334155;font-size:.85rem}.preview-row:last-child{border-bottom:none}.snippet-title{color:#e2e8f0}.snippet-meta{color:#94a3b8}.snippet-id{color:#6366f1;font-weight:600}.tech-stack{margin:20px 0}.tech-items{display:flex;flex-wrap:wrap;gap:8px}.tech-items span{background:#334155;color:#e2e8f0;padding:4px 10px;border-radius:20px;font-size:1rem;border:1px solid rgba(255,255,255,.05)}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;border:none;cursor:pointer}.btn-primary{background:#22c55e;color:#000}.btn-primary:hover{background:#16a34a;transform:translateY(-2px)}.btn-secondary{background:#1e293b;color:#e2e8f0;border:1px solid #334155;line-height:1.4}.btn-secondary:hover{background:#2d3a4f;border-color:#6366f1}.btn-outline{background:transparent;color:#94a3b8;border:1px solid #334155}.btn-outline:hover{border-color:#6366f1;color:#e2e8f0}.coming-soon{background:#0f172a;border-radius:10px;padding:30px;margin:20px 0;text-align:center;border:1px dashed #334155}.soon-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8}.soon-icon{font-size:2rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.preview-row{grid-template-columns:1fr;gap:4px}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}body.light .project-card{background:#fff}body.light .project-card h3{color:#0f172a}body.light .project-description{color:#475569}body.light .feature-item strong{color:#1e293b}body.light .arch-diagram,body.light .live-preview{background:#f8fafc;border-color:#e2e8f0}body.light .arch-node{background:#fff;border-color:#e2e8f0;color:#334155}body.light .tech-items span{background:#f1f5f9;color:#1e293b;border-color:#e2e8f0}body.light .tag{color:#000;background:#475569;border-color:#e2e8f0}.experience-timeline{display:flex;flex-direction:column;gap:30px;max-width:900px;margin:0 auto}.experience-card{background:#1e293b;border-radius:16px;padding:30px;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;position:relative}.experience-card:hover{transform:translateY(-4px);border-color:#6366f1;box-shadow:0 15px 30px #0000004d}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #334155}.exp-title h3{font-size:1.7rem;color:#e2e8f0;margin-bottom:5px}.company{color:#6366f1;font-size:1.2rem;font-weight:500}.exp-date{background:#334155;color:#94a3b8;padding:6px 12px;border-radius:20px;font-size:1rem;font-weight:500}.exp-summary{color:#94a3b8;font-size:1.5rem;line-height:1.6;margin-bottom:20px;padding:15px;background:#0003;border-radius:10px;border-left:4px solid #6366f1}.exp-details{margin:20px 0}.exp-details h4{color:#e2e8f0;font-size:1.5rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.exp-list{list-style:none;padding:0;margin:0}.exp-list li{display:flex;gap:12px;margin-bottom:15px;color:#cbd5e1;font-size:1.5rem;line-height:1.5}.bullet{font-size:1.1rem;min-width:24px;color:#6366f1}.exp-tech{margin-top:20px;padding-top:20px;border-top:1px solid #334155}.tech-label{display:block;font-size:1.2rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.exp-tech .tech-items{display:flex;flex-wrap:wrap;gap:8px}.exp-tech .tech-items span{background:#334155;color:#e2e8f0;padding:4px 12px;border-radius:20px;font-size:1rem;border:1px solid rgba(255,255,255,.05)}body.light .experience-card{background:#fff}body.light .exp-title h3{color:#0f172a}body.light .exp-summary{background:#f8fafc;color:#475569;border-left-color:#6366f1}body.light .exp-list li{color:#334155}body.light .exp-date{background:#f1f5f9;color:#475569}body.light .exp-tech .tech-items span{background:#f1f5f9;color:#1e293b}body.light .exp-details h4{color:#5b616b}@media (max-width: 768px){.exp-header{flex-direction:column;gap:10px}.exp-date{align-self:flex-start}.experience-card{padding:20px}.exp-list li{flex-direction:column;gap:5px}.bullet{min-width:auto}}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.testimonial-card{background:#1e293b;border-radius:20px;padding:35px 30px;position:relative;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;height:fit-content}.testimonial-card:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 15px 35px #0000004d}.quote-icon{font-size:6rem;font-family:serif;color:#6366f1;opacity:.2;position:absolute;top:-10px;left:15px;line-height:1;pointer-events:none}.testimonial-content{position:relative;z-index:2;margin-bottom:25px}.testimonial-text{color:#cbd5e1;font-size:1.3rem;line-height:1.7;margin-bottom:15px;font-style:italic}.testimonial-text.highlight{color:#e2e8f0;font-weight:500;padding:15px;background:#6366f11a;border-radius:10px;border-left:4px solid #6366f1}.testimonial-author{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:15px;padding-top:20px;border-top:2px solid #334155}.author-info h4{color:#e2e8f0;font-size:1.2rem;margin-bottom:5px}.author-title{color:#6366f1;font-size:1rem;font-weight:500;margin-bottom:3px}.author-company{color:#94a3b8;font-size:1rem;margin-bottom:5px}.author-date{color:#64748b;font-size:.9rem}.company-badge{background:#334155;padding:6px 14px;border-radius:25px;font-size:.85rem;color:#94a3b8;border:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:25px 20px}.quote-icon{font-size:4rem;top:-5px;left:10px}.testimonial-author{flex-direction:column;align-items:flex-start}.company-badge{align-self:flex-start}}body.light .testimonial-card{background:#fff}body.light .testimonial-text{color:#475569}body.light .testimonial-text.highlight{background:#6366f10d;color:#1e293b}body.light .author-info h4{color:#0f172a}body.light .author-date{color:#64748b}body.light .company-badge{background:#f1f5f9;color:#475569}.contact-content{max-width:800px;margin:0 auto}.contact-intro{text-align:center;font-size:1.2rem;color:#94a3b8;margin-bottom:40px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:400px;margin:0 auto}.contact-item{display:flex;justify-content:center;align-items:center;padding:15px;background:#1e293b;border-radius:12px;transition:all .3s ease}.contact-item:hover{transform:translateY(-5px);background:#2d3a4f}.contact-icon{width:32px;height:32px}.footer{height:70px;background:#020617;border-top:1px solid #334155;padding:0}.footer-content{height:100%;display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.9rem}.footer-content p:last-child{color:#6366f1}@media (max-width: 600px){.contact-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:10px;text-align:center}}body.light .contact-item{background:#fff;border:1px solid #e5e7eb}body.light .contact-item:hover{background:#f8fafc}body.light .footer{background:#f8fafc;border-top-color:#e5e7eb}body.light .project-card,body.light .expertise-card,body.light .experience-card,body.light .testimonial-card{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 2px 8px #00000008}body.light .tech span,body.light .tech-items span{background:#f1f5f9!important;color:#1e293b!important;border:1px solid #e2e8f0!important}body.light .project-description,body.light .exp-list li,body.light .feature-item span{color:#475569!important}body.light .arch-diagram,body.light .live-preview{background:#f8fafc!important;border-color:#e2e8f0!important}body.light .arch-node{background:#fff!important;border-color:#e2e8f0!important;color:#334155!important}body.light .coming-soon{background:#f8fafc!important;border-color:#e2e8f0!important}body.light .project-card:hover,body.light .expertise-card:hover,body.light .experience-card:hover,body.light .testimonial-card:hover{box-shadow:0 10px 25px #6366f11a}body.light .availability-badge{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.theme-toggle-nav{background:transparent;border:1px solid #334155;color:#e2e8f0;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;margin-right:15px;order:2}.theme-toggle-nav:hover{transform:scale(1.1);border-color:#6366f1}@media screen and (max-width: 768px){.theme-toggle-nav{margin-right:10px;padding:6px 10px;font-size:1rem}}body.light .theme-toggle-nav{border-color:#d1d5db;background:#fff}.btn-primary{color:#fff}.btn-primary svg{stroke:#fff}.hero-buttons a,.hero-buttons button{display:inline-flex;align-items:center;gap:8px}.btn-icon{width:18px;height:18px}.hero-buttons{display:flex;gap:14px;margin-top:24px}.btn-icon,.section-icon,.feature-icon,.tag-icon,.company-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle}.section-icon{margin-right:8px}.section-icon{width:22px;height:22px;margin-right:8px}.feature-icon{width:20px;height:20px;margin-right:8px}.btn-icon{width:18px;height:18px;margin-right:6px}.tech-icon{font-size:26px;margin-right:6px}@media (min-width: 600px) and (max-width: 950px){.main-section section{padding:9.6rem 8rem}.section-title{padding-top:4.8rem;padding-bottom:4.8rem}.skills-section-category-cont{grid-template-columns:repeat(3,1fr)}.skills-section-category-3{grid-column:3/3}}@media (min-width: 951px){html{font-size:72%}.top-nav{padding-bottom:0rem;justify-content:start}.top-nav-menu{display:none}.top-nav-logo{padding:.5rem 0rem .5rem 1rem;width:5rem;justify-self:start}.top-nav-menu-cont{padding:0rem;justify-self:end;display:grid;grid-template-columns:repeat(6,1fr);list-style:none}.top-nav-menu-cont li{overflow:hidden}.main-section section{padding:9.6rem 8rem}.section-title{font-size:3.2rem}.hero-section{padding-top:14rem!important;display:grid;grid-template-columns:6fr 4fr}.hero-section img{padding:0}.hero-section-name{color:var(--grey-9);text-align:center;font-size:4.8rem;font-weight:600}.hero-section-profession{padding:.5rem 0 1.8rem;color:var(--grey-7);text-align:center;font-size:2.4rem;font-weight:500}.btn-download-resume{margin-top:3.2rem}.skills-section-category-cont{justify-content:center;grid-template-columns:repeat(3,1fr)}.skills-section-category-title{font-size:1.8rem}.skills-section-category{display:flex;flex-direction:column;align-items:center}.skills-section-category-3{grid-column:3/3}.skills-section-category figure{padding:1.2rem 0 1.2rem .5rem;display:flex;align-items:center}.skills-section-category img{width:2.4rem}.skills-section-category p{text-align:left;padding-left:1rem;font-size:1.4rem;color:var(--grey-9)}.projects-section-pjt-outer-cont{grid-template-columns:repeat(3,1fr);column-gap:4.8rem}.tags span{margin-right:1rem;padding:.5rem .6rem;font-size:1rem;letter-spacing:1px}.pjt-nav-item-class{width:10px;height:10px}.work-experience-outer-cont{grid-template-columns:repeat(3,1fr);column-gap:4.8rem}.work-experience-section-exp-cont ul>li{font-size:1.2rem}.testimonial-outer-cont{grid-template-columns:repeat(2,1fr);column-gap:4.8rem}.contact-section{width:50%}.footer p{padding:1.6rem 1.2rem;font-size:1.6rem}}@media screen and (max-width: 1024px){.hero-grid{gap:40px}.hero h1{font-size:3.2rem}.hero h2{font-size:1.5rem}.profile-photo{width:280px;height:280px}}@media screen and (max-width: 900px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:30px}.hero-text{order:2}.hero-image{order:1}.hero-description{margin:0 auto;max-width:600px}.hero-buttons{justify-content:center}.profile-photo{width:260px;height:260px;margin:0 auto}.availability-badge{margin:15px auto 0}.social-links{justify-content:center}}@media screen and (max-width: 768px){.hero{padding-top:60px}.hero h1{font-size:2.8rem}.hero h2{font-size:1.3rem}.hero-description{font-size:1rem;line-height:1.6}.profile-photo{width:240px;height:240px}.availability-badge{font-size:.9rem;padding:6px 16px}.hero-buttons{gap:12px}.btn-primary,.btn-secondary{font-size:.95rem!important;padding:8px 16px!important}}@media screen and (max-width: 600px){.hero h1{font-size:2.4rem}.hero h2{font-size:1.2rem}.hero-description{font-size:.95rem}.profile-photo{width:220px;height:220px;border-width:3px}.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.btn-primary,.btn-secondary{width:100%;text-align:center}.social-links{gap:15px}.social-links a{width:40px;height:40px}.social-links img{width:20px;height:20px}.availability-badge{font-size:.85rem;padding:5px 14px}.status-dot{width:8px;height:8px}}@media screen and (max-width: 480px){.hero h1{font-size:2rem}.hero h2{font-size:1.1rem}.hero-description{font-size:.9rem}.profile-photo{width:200px;height:200px}.availability-badge{font-size:.8rem;padding:4px 12px}.hero-buttons{max-width:260px}.btn-primary,.btn-secondary{font-size:.9rem!important;padding:8px 12px!important}.btn-icon{margin-right:6px}.social-links{gap:12px}.social-links a{width:36px;height:36px}.social-links img{width:18px;height:18px}}@media screen and (max-width: 360px){.hero h1{font-size:1.8rem}.hero h2{font-size:1rem}.profile-photo{width:180px;height:180px}.hero-buttons{max-width:220px}.btn-primary,.btn-secondary{font-size:.85rem!important}}@media screen and (max-height: 600px) and (orientation: landscape){.hero{padding-top:70px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.profile-photo{width:160px;height:160px}.hero h1{font-size:2rem}.hero h2{font-size:1.1rem}.hero-description{font-size:.9rem}.hero-buttons{flex-direction:row;flex-wrap:wrap}}@media screen and (min-height: 800px) and (max-width: 600px){.hero{padding-top:80px}.profile-photo{width:240px;height:240px}}@media screen and (max-width: 1024px){.expertise-grid{grid-template-columns:repeat(2,1fr);gap:25px}.expertise-card{padding:25px}.expertise-card h3{font-size:1.5rem;margin-bottom:15px}.expertise-list li{font-size:1.1rem;margin-bottom:10px}}@media screen and (max-width: 900px){.expertise-grid{gap:20px}.expertise-card{padding:22px}.expertise-card h3{font-size:1.4rem}.expertise-list li{font-size:1.05rem}.check-mark{font-size:1.1rem;margin-right:8px}}@media screen and (max-width: 768px){.expertise-grid{grid-template-columns:1fr;gap:18px}.expertise-card{padding:20px}.expertise-card h3{font-size:1.3rem;margin-bottom:12px;padding-bottom:8px}.expertise-list li{font-size:1rem;margin-bottom:8px}.check-mark{font-size:1rem;margin-right:8px}}@media screen and (max-width: 600px){.expertise-card{padding:18px}.expertise-card h3{font-size:1.25rem;margin-bottom:10px}.expertise-list li{font-size:.95rem;margin-bottom:8px}.check-mark{font-size:.95rem;margin-right:6px}.expertise-card:hover{transform:translateY(-3px)}.expertise-list li:hover{transform:translate(3px)}}@media screen and (max-width: 480px){.expertise-card{padding:16px}.expertise-card h3{font-size:1.2rem}.expertise-list li{font-size:.9rem}.check-mark{font-size:.9rem;margin-right:5px}}@media screen and (max-width: 360px){.expertise-card{padding:14px}.expertise-card h3{font-size:1.15rem}.expertise-list li{font-size:.85rem}.check-mark{font-size:.85rem;margin-right:4px}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card{padding:15px}.expertise-card h3{font-size:1.2rem}.expertise-list li{font-size:.9rem}}@media screen and (min-width: 1400px){.expertise-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:40px auto 0}}@media screen and (max-width: 1024px){.project-grid{gap:25px}.project-card{padding:25px}.project-card h3{font-size:1.4rem}.project-card p{font-size:.95rem}.metric-value{font-size:1.3rem}.metric-label{font-size:.8rem}}@media screen and (max-width: 900px){.project-grid{grid-template-columns:repeat(2,1fr);gap:20px}.project-card{padding:22px}.project-card h3{font-size:1.3rem;margin-bottom:8px}.project-metrics{margin:15px 0;padding:12px 0}.tech{margin:15px 0;gap:6px}.tech span{font-size:.85rem;padding:4px 8px}.buttons{margin-top:15px}.buttons a{padding:7px 14px;font-size:.9rem}}@media screen and (max-width: 768px){.project-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.project-card{padding:22px}.project-card h3{font-size:1.3rem}.project-metrics,.tech,.buttons{justify-content:flex-start}}@media screen and (max-width: 600px){.project-card{padding:20px}.project-card h3{font-size:1.25rem}.project-card p{font-size:.9rem;line-height:1.5}.project-metrics{gap:15px;padding:10px 0}.metric-value{font-size:1.2rem}.metric-label{font-size:.75rem}.tech{gap:6px}.tech span{font-size:.8rem;padding:4px 8px}.buttons{gap:10px}.buttons a{padding:6px 12px;font-size:.85rem}.btn-icon{margin-right:4px;font-size:.9rem}}@media screen and (max-width: 480px){.project-grid{max-width:100%}.project-card{padding:18px}.project-card h3{font-size:1.2rem}.project-card p{font-size:.85rem}.project-metrics{gap:12px;padding:8px 0}.metric-value{font-size:1.1rem}.metric-label{font-size:.7rem}.tech{gap:5px;margin:12px 0}.tech span{font-size:.75rem;padding:3px 6px}.buttons{gap:8px}.buttons a{padding:5px 10px;font-size:.8rem}}@media screen and (max-width: 360px){.project-card{padding:15px}.project-card h3{font-size:1.15rem}.project-card p{font-size:.8rem}.project-metrics{flex-direction:column;gap:8px;align-items:flex-start}.metric{flex-direction:row;align-items:center;gap:8px}.metric-value{font-size:1rem}.metric-label{font-size:.7rem}.tech{gap:4px}.tech span{font-size:.7rem;padding:3px 5px}.buttons{flex-direction:column}.buttons a{width:100%;text-align:center;justify-content:center}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{padding:15px}.project-card h3{font-size:1.2rem}.project-metrics{padding:8px 0}.tech span{font-size:.75rem}}@media screen and (min-width: 1400px){.project-grid{grid-template-columns:repeat(2,1fr);max-width:1000px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px) and (max-width: 900px) and (max-width: 600px){.project-grid{grid-template-columns:1fr}}@media screen and (max-width: 1024px){.projects-grid{gap:25px}.project-card{padding:24px}.project-card h3{font-size:1.5rem}.project-description{font-size:.95rem}.feature-item strong{font-size:1.1rem}.feature-item span{font-size:.9rem}}@media screen and (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card{padding:22px}.project-card h3{font-size:1.4rem}.features-list{gap:10px;padding:12px 0}.feature-item{gap:10px}.feature-icon{font-size:1.3rem;min-width:28px}.arch-diagram{padding:12px}.arch-node{font-size:.85rem;padding:5px 10px}.tech-items span{font-size:.85rem;padding:4px 8px}}@media screen and (max-width: 768px){.projects-grid{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}.project-card{padding:22px}.project-card h3{font-size:1.4rem}.project-description{font-size:.95rem;margin-bottom:15px}.feature-item{flex-direction:row;align-items:flex-start;text-align:left}.feature-icon{margin-bottom:0}.feature-item strong{font-size:1rem}.feature-item span{font-size:.9rem}.arch-row{flex-wrap:wrap;justify-content:center}.arch-node{font-size:.8rem;padding:4px 8px}.arch-arrow{font-size:.9rem}.action-buttons{flex-direction:row;flex-wrap:wrap}.btn{flex:1 1 auto;min-width:120px}}@media screen and (max-width: 600px){.project-card{padding:20px}.project-card h3{font-size:1.3rem;margin:5px 0 10px}.project-category{font-size:.85rem;padding:3px 8px}.project-description{font-size:.9rem;line-height:1.5}.features-list{gap:12px;margin:15px 0}.feature-item{flex-direction:column;align-items:center;text-align:center;gap:5px}.feature-icon{font-size:1.5rem;margin-bottom:5px}.feature-item strong{font-size:1rem;margin-bottom:2px}.feature-item span{font-size:.85rem}.tech-items .feature-tag{font-size:.8rem;padding:3px 8px}.arch-diagram{padding:12px;margin:15px 0}.arch-row{flex-direction:column;align-items:center;gap:5px}.arch-node{width:100%;text-align:center;font-size:.8rem}.arch-arrow{transform:rotate(90deg);margin:2px 0}.tech-stack{margin:15px 0}.tech-label{font-size:.9rem;margin-bottom:8px;text-align:center}.tech-items{justify-content:center}.tech-items span{font-size:.8rem;padding:4px 8px}.action-buttons{flex-direction:column;gap:8px}.btn{width:100%;justify-content:center;padding:10px;font-size:.9rem}.coming-soon{padding:20px;margin:15px 0}.soon-icon{font-size:1.8rem}.soon-content span:last-child{font-size:.9rem}}@media screen and (max-width: 480px){.project-card{padding:18px}.project-card h3{font-size:1.2rem}.project-category{font-size:.8rem}.project-description{font-size:.85rem}.feature-icon{font-size:1.3rem}.feature-item strong{font-size:.95rem}.feature-item span{font-size:.8rem}.tech-items .feature-tag{font-size:.75rem;padding:2px 6px}.arch-node,.tech-items span{font-size:.75rem;padding:3px 6px}.btn{font-size:.85rem;padding:8px}}@media screen and (max-width: 360px){.project-card{padding:15px}.project-card h3{font-size:1.1rem}.project-category{font-size:.75rem}.project-description{font-size:.8rem}.feature-item strong{font-size:.9rem}.feature-item span{font-size:.75rem}.tech-items{gap:4px}.tech-items span{font-size:.7rem;padding:2px 5px}.btn{font-size:.8rem;padding:7px}.soon-icon{font-size:1.5rem}.soon-content span:last-child{font-size:.8rem}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card{padding:15px}.project-card h3{font-size:1.2rem}.feature-item{flex-direction:row;text-align:left}.arch-row{flex-direction:row}.arch-arrow{transform:none}.action-buttons{flex-direction:row}}@media screen and (max-width: 768px){.project-card.featured{border-width:2px}}@media screen and (min-width: 400px) and (max-width: 500px){.arch-row{flex-direction:row;flex-wrap:wrap}.arch-arrow{transform:none}}@media screen and (max-width: 1024px){.experience-card{padding:25px}.exp-title h3{font-size:1.5rem}.company{font-size:1.1rem}.exp-date{font-size:.9rem;padding:5px 10px}.exp-summary{font-size:1rem;padding:12px}.exp-details h4{font-size:1.2rem}.exp-list li{font-size:.95rem}}@media screen and (max-width: 900px){.experience-timeline{gap:25px}.experience-card{padding:22px}.exp-header{gap:12px;padding-bottom:12px}.exp-title h3{font-size:1.4rem}.company{font-size:1rem}.exp-date{font-size:.85rem}.exp-summary{font-size:.95rem;padding:10px;margin-bottom:15px}.exp-details h4{font-size:1.1rem;margin-bottom:12px}.exp-list li{font-size:.9rem;gap:10px;margin-bottom:12px}.exp-tech{margin-top:15px;padding-top:15px}.tech-label{font-size:1rem}.exp-tech .tech-items span{font-size:.85rem;padding:4px 10px}}@media screen and (max-width: 768px){.experience-card{padding:20px}.exp-header{flex-direction:column;align-items:flex-start;gap:10px}.exp-title h3{font-size:1.3rem}.company{font-size:1rem;display:block;margin-top:3px}.exp-date{align-self:flex-start;font-size:.8rem;padding:4px 10px}.exp-summary{font-size:.9rem;padding:10px;border-left-width:3px}.exp-details h4{font-size:1rem;text-align:left}.exp-list li{flex-direction:row;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.5}.exp-list li .check-mark{font-size:.9rem;min-width:18px;margin-top:2px}.exp-tech{margin-top:15px;padding-top:15px}.tech-label{font-size:.9rem;text-align:left}.exp-tech .tech-items{justify-content:flex-start}.exp-tech .tech-items span{font-size:.8rem;padding:3px 8px}}@media screen and (max-width: 600px){.experience-card{padding:18px}.exp-title h3{font-size:1.25rem}.company{font-size:.95rem}.exp-date{font-size:.75rem;padding:3px 8px}.exp-summary{font-size:.85rem;padding:10px;line-height:1.5}.exp-details h4{font-size:.95rem;margin-bottom:10px}.exp-list li{font-size:.8rem;gap:8px;margin-bottom:10px}.exp-list li .check-mark{font-size:.85rem;min-width:16px}.tech-label{font-size:.85rem}.exp-tech .tech-items span{font-size:.75rem;padding:3px 6px}.experience-card:last-child{margin-bottom:0}}@media screen and (max-width: 480px){.experience-card{padding:15px}.exp-title h3{font-size:1.2rem}.company{font-size:.9rem}.exp-date{font-size:.7rem;padding:3px 6px}.exp-summary{font-size:.8rem;padding:8px}.exp-details h4{font-size:.9rem}.exp-list li{font-size:.75rem;gap:6px;margin-bottom:8px}.exp-list li .check-mark{font-size:.8rem;min-width:14px}.tech-label{font-size:.8rem;margin-bottom:6px}.exp-tech .tech-items{gap:4px}.exp-tech .tech-items span{font-size:.7rem;padding:2px 5px}}@media screen and (max-width: 360px){.experience-card{padding:12px}.exp-title h3{font-size:1.1rem}.company{font-size:.85rem}.exp-date{font-size:.65rem;padding:2px 5px}.exp-summary{font-size:.75rem;padding:6px}.exp-details h4{font-size:.85rem;margin-bottom:8px}.exp-list li{font-size:.7rem;gap:5px;margin-bottom:6px}.exp-list li .check-mark{font-size:.75rem;min-width:12px}.tech-label{font-size:.75rem}.exp-tech .tech-items span{font-size:.65rem;padding:2px 4px}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.experience-timeline{gap:20px}.experience-card{padding:15px}.exp-header{flex-direction:row;align-items:center}.exp-title h3{font-size:1.2rem}.exp-summary{font-size:.85rem;margin-bottom:10px}.exp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.exp-list li{font-size:.75rem;margin-bottom:0}.exp-tech .tech-items{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.exp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.exp-list li{margin-bottom:0}}@media screen and (max-width: 768px){.experience-timeline{gap:20px}.experience-card:not(:last-child){margin-bottom:5px}}@media screen and (max-width: 600px){.exp-list li span:last-child{flex:1;word-break:break-word}.exp-date{white-space:nowrap}}@media screen and (max-width: 480px){.experience-card:last-child .exp-list li{font-size:.8rem}}@media screen and (max-width: 1024px){.testimonials-grid{gap:25px}.testimonial-card{padding:30px 25px}.testimonial-text{font-size:1rem;line-height:1.6}.quote-icon{font-size:5rem;top:-5px;left:10px}.author-info h4{font-size:1.2rem}.author-title,.author-company{font-size:.95rem}.author-date{font-size:.85rem}.company-badge{font-size:.8rem;padding:5px 12px}}@media screen and (max-width: 900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{padding:25px 20px}.testimonial-text{font-size:.95rem}.testimonial-text.highlight{padding:12px;font-size:.95rem}.quote-icon{font-size:4rem;top:0;left:10px}.author-info h4{font-size:1.1rem}.author-title,.author-company{font-size:.9rem}.company-badge{font-size:.75rem;padding:4px 10px}}@media screen and (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}.testimonial-card{padding:30px 25px}.testimonial-text{font-size:1rem}.quote-icon{font-size:4.5rem;opacity:.15}.testimonial-author{flex-direction:row;align-items:center;justify-content:space-between}.author-info{flex:1}.author-info h4{font-size:1.1rem}.company-badge{align-self:center}}@media screen and (max-width: 600px){.testimonial-card{padding:25px 20px}.testimonial-content{margin-bottom:20px}.testimonial-text{font-size:.9rem;line-height:1.6;margin-bottom:12px}.testimonial-text.highlight{padding:10px;font-size:.9rem;border-left-width:3px}.quote-icon{font-size:3.5rem;top:5px;left:10px}.testimonial-author{flex-direction:column;align-items:flex-start;gap:12px;padding-top:15px}.author-info h4{font-size:1rem;margin-bottom:3px}.author-title,.author-company{font-size:.85rem;margin-bottom:2px}.author-date{font-size:.75rem}.company-badge{align-self:flex-start;font-size:.7rem;padding:3px 10px}}@media screen and (max-width: 480px){.testimonial-card{padding:20px 15px}.testimonial-text{font-size:.85rem}.testimonial-text.highlight{font-size:.85rem;padding:8px}.quote-icon{font-size:3rem;top:5px;left:8px}.author-info h4{font-size:.95rem}.author-title,.author-company{font-size:.8rem}.author-date{font-size:.7rem}.company-badge{font-size:.65rem;padding:3px 8px}}@media screen and (max-width: 360px){.testimonial-card{padding:18px 12px}.testimonial-text{font-size:.8rem;line-height:1.5}.testimonial-text.highlight{font-size:.8rem;padding:6px}.quote-icon{font-size:2.5rem;top:5px;left:5px}.author-info h4{font-size:.9rem}.author-title,.author-company{font-size:.75rem}.author-date{font-size:.65rem}.company-badge{font-size:.6rem;padding:2px 6px}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:15px}.testimonial-card{padding:20px 15px}.testimonial-text{font-size:.85rem}.quote-icon{font-size:3rem}.testimonial-author{padding-top:12px}.author-info h4{font-size:.95rem}.company-badge{padding:2px 8px}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{padding:25px 20px}.testimonial-text{font-size:.95rem}}@media screen and (min-width: 400px) and (max-width: 500px){.testimonial-author{flex-direction:row;flex-wrap:wrap;align-items:center}.author-info{flex:1;min-width:200px}.company-badge{align-self:center}}@media screen and (max-width: 768px){.testimonial-card{position:relative;overflow:hidden}.quote-icon{position:absolute;z-index:1;opacity:.1}.testimonial-content{position:relative;z-index:2}}@media screen and (max-width: 600px){.testimonial-text.highlight{background:#6366f114;border-left:3px solid #6366f1}}@media screen and (max-width: 600px){body.light .testimonial-text.highlight{background:#6366f10d}body.light .company-badge{background:#f1f5f9;border-color:#e2e8f0}}@media screen and (min-width: 601px) and (max-width: 900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{height:100%;display:flex;flex-direction:column}.testimonial-content{flex:1}.testimonial-author{margin-top:auto}}@media screen and (max-width: 768px){.testimonials-grid{margin-bottom:20px}}@media screen and (max-width: 480px){.testimonial-text{text-align:left;-webkit-hyphens:auto;hyphens:auto}.testimonial-text.highlight{text-align:left}}@media screen and (max-width: 1024px){.contact-content{max-width:700px}.contact-intro{font-size:1.1rem;margin-bottom:35px;padding:0 20px}.contact-grid{max-width:500px;gap:18px}.contact-item{padding:14px}.contact-icon{width:30px;height:30px}}@media screen and (max-width: 900px){.contact-intro{font-size:1rem;margin-bottom:30px}.contact-grid{max-width:450px;gap:15px}.contact-item{padding:12px}.contact-icon{width:28px;height:28px}}@media screen and (max-width: 768px){.contact-content{padding:0 10px}.contact-intro{font-size:.95rem;margin-bottom:30px;line-height:1.5;padding:0 15px}.contact-grid{max-width:400px;gap:15px}.contact-item{padding:12px;border-radius:10px}.contact-icon{width:26px;height:26px}.contact-item:hover{transform:translateY(-3px)}}@media screen and (max-width: 600px){.contact-intro{font-size:.9rem;margin-bottom:25px;padding:0 10px}.contact-grid{grid-template-columns:repeat(2,1fr);max-width:300px;gap:12px}.contact-item{padding:12px 10px}.contact-icon{width:28px;height:28px}.contact-item{position:relative}.contact-item:hover:after{content:attr(aria-label);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#1e293b;color:#e2e8f0;font-size:.7rem;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:10}body.light .contact-item:hover:after{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0}}@media screen and (max-width: 480px){.contact-intro{font-size:.85rem;margin-bottom:20px}.contact-grid{max-width:260px;gap:10px}.contact-item{padding:10px}.contact-icon{width:24px;height:24px}.contact-item:hover:after{display:none}}@media screen and (max-width: 360px){.contact-intro{font-size:.8rem;margin-bottom:18px}.contact-grid{max-width:220px;gap:8px}.contact-item{padding:8px}.contact-icon{width:22px;height:22px}}@media screen and (max-height: 600px) and (orientation: landscape) and (max-width: 900px){.contact-content{padding:20px 0}.contact-intro{font-size:.9rem;margin-bottom:20px}.contact-grid{max-width:500px}.contact-item{padding:10px}}@media screen and (max-height: 500px) and (orientation: landscape){.contact-grid{max-width:400px}.contact-item{padding:8px}.contact-icon{width:22px;height:22px}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.contact-grid{max-width:500px}}@media screen and (max-width: 768px){#contact.section{padding:60px 20px}}@media screen and (min-width: 769px){.contact-item{transition:all .3s ease}.contact-item:hover{transform:translateY(-5px);background:#2d3a4f}}@media screen and (max-width: 600px){body.light .contact-item{background:#fff;border:1px solid #e5e7eb}body.light .contact-item:hover{background:#f8fafc;border-color:#6366f1}body.light .contact-item:hover:after{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0}}@media screen and (max-width: 600px) and (min-aspect-ratio: 13/9){.contact-content{padding:0 5px}}@media screen and (max-width: 600px){.contact-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.contact-item[aria-label=GitHub]:hover:after{content:"GitHub"}.contact-item[aria-label=LinkedIn]:hover:after{content:"LinkedIn"}.contact-item[aria-label=Telegram]:hover:after{content:"Telegram"}.contact-item[aria-label=Email]:hover:after{content:"Email"}body{margin:0}