*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html{scroll-behavior:smooth}.app{min-height:100vh;transition:.3s}.dark{background:#050816;color:#fff}.light{background:#f5f5f5;color:#111}.section{padding:90px 8%}.center{text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:22px 8%;position:sticky;top:0;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.dark .navbar{background:#050816e6}.light .navbar{background:#ffffffe6}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo-box{width:38px;height:38px;background:#7c3aed;display:flex;align-items:center;justify-content:center;border-radius:10px}nav{display:flex;gap:26px}nav a{text-decoration:none;color:inherit}.nav-actions{display:flex;gap:15px;align-items:center}button{border:none;cursor:pointer;padding:12px 22px;border-radius:12px;background:#7c3aed;color:#fff;font-weight:700;transition:.3s}button:hover{transform:translateY(-3px)}.theme-btn{padding:12px;display:flex;align-items:center;justify-content:center}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 8%;min-height:100vh;gap:60px}.hero h1{font-size:78px;margin-top:10px}.hero h2{font-size:42px;color:#8b5cf6;margin:10px 0 20px}.hero-desc{max-width:550px;line-height:1.8;opacity:.8}.hero-buttons{display:flex;gap:18px;margin-top:30px}.outline-btn{background:transparent;border:1px solid #7c3aed}.socials{display:flex;gap:20px;font-size:22px;margin-top:30px;opacity:.8}.hero-right{position:relative;display:flex;justify-content:center}.circle-glow{width:420px;height:420px;background:#7c3aed;position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero-right img{width:85%;border-radius:30px;position:relative;z-index:1}.availability{position:absolute;bottom:40px;right:40px;background:#0f172a;padding:12px 18px;border-radius:20px;display:flex;align-items:center;gap:10px;z-index:2}.green-dot{width:10px;height:10px;background:#22c55e;border-radius:50%}.section-tag{color:#8b5cf6;font-size:13px;letter-spacing:2px;margin-bottom:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2,.contact h2{font-size:48px;margin-bottom:20px}.about p,.contact p{line-height:1.8;opacity:.8}.about-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card,.skill-box,.project-card,.testimonial-card{border-radius:20px;padding:30px}.dark .stat-card,.dark .skill-box,.dark .project-card,.dark .testimonial-card,.dark .contact-form input,.dark .contact-form textarea{background:#0f172a}.light .stat-card,.light .skill-box,.light .project-card,.light .testimonial-card,.light .contact-form input,.light .contact-form textarea{background:#fff}.stat-card{text-align:center}.stat-card h3{font-size:42px;color:#8b5cf6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:50px}.skill-box{display:flex;align-items:center;gap:12px;font-size:18px}.project-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:50px}.project-card{overflow:hidden}.project-image{height:220px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#8b5cf6,#111827)}.project-content{padding:24px}.project-content p{margin-top:12px;opacity:.8;line-height:1.7}.experience-wrapper{margin-top:70px;position:relative;padding-left:40px}.experience-wrapper:before{content:"";position:absolute;left:10px;top:0;width:2px;height:100%;background:#7c3aed}.experience-item{position:relative;display:grid;grid-template-columns:40px 280px 1fr;gap:40px;margin-bottom:70px;align-items:flex-start}.experience-line{position:relative;display:flex;justify-content:center}.experience-dot{width:20px;height:20px;border-radius:50%;background:#7c3aed;border:4px solid #050816;position:relative;z-index:2}.experience-left span{color:#8b5cf6;font-weight:700;font-size:18px}.experience-left h3{margin-top:14px;font-size:28px}.experience-left p{margin-top:10px;opacity:.7}.experience-right{max-width:700px}.experience-right p{line-height:2;opacity:.8}.experience-skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.experience-skills span{background:#7c3aed;padding:10px 18px;border-radius:30px;font-size:14px}.socials a{color:inherit;transition:.3s}.socials a:hover{transform:translateY(-3px)}@media (max-width:900px){.experience-item{grid-template-columns:40px 1fr}.experience-left{margin-bottom:20px}.experience-right{grid-column:2}}.testimonial-card p{line-height:1.8;margin:20px 0}.quote{font-size:26px;color:#8b5cf6}.testimonial-card span{opacity:.7;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info{margin-top:30px}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form input,.contact-form textarea{padding:18px;border:none;border-radius:16px;color:inherit}.contact-form textarea{min-height:160px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.project-card{background:#0d1324;border-radius:20px;padding:24px;transition:all .35s ease;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.08)}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 10px 30px #8b5cf640,0 0 40px #8b5cf61f;border-color:#8b5cf659}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(139,92,246,.15),transparent);opacity:0;transition:opacity .35s ease}.project-card:hover:before{opacity:1}.project-content h3{margin-bottom:12px;font-size:1.2rem}.project-content p{color:#b4b4b4;line-height:1.6}.skills-row{margin-top:70px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:55px}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;cursor:pointer}.skill-item:hover{transform:translateY(-6px)}.skill-icon{font-size:42px;color:#8b5cf6;margin-bottom:14px}.skill-item span{font-size:15px;font-weight:500}.react-icon{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:900px){.skills-row{gap:35px}}.footer{padding:30px;text-align:center;opacity:.7}.light .timeline-right{background:#fff}.light .timeline-dot{border:4px solid #ffffff}@media (max-width:950px){.hero,.about,.contact{grid-template-columns:1fr}.hero h1{font-size:52px}.hero h2{font-size:32px}.about h2,.contact h2{font-size:36px}.navbar{flex-direction:column;gap:18px}nav{flex-wrap:wrap;justify-content:center}.about-right{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-row{grid-template-columns:40px 1fr;gap:20px}.timeline-left{display:none}.timeline-center{justify-content:flex-start}.timeline-right{width:100%}}