@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.portfolio-root{color:#e5e7eb;background-color:#0a0a0a;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.portfolio-root.light-mode{color:#1a1a1a;background-color:#fff}.portfolio-root.dark-mode{color:#e5e7eb;background-color:#0a0a0a}.theme-toggle{z-index:1000;color:#1a1a1a;cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.portfolio-root.dark-mode .theme-toggle{color:#fff;border-color:#fff}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 0 15px #0003}.portfolio-root.dark-mode .theme-toggle:hover{box-shadow:0 0 15px #fff3}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#fffffff2;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.portfolio-root.dark-mode nav{background:#0a0a0af2;border-bottom-color:#333}nav .logo{color:#1a1a1a;font-size:20px;font-weight:700}.portfolio-root.dark-mode nav .logo{color:#fff}nav ul{gap:30px;list-style:none;display:flex}nav a{color:#1a1a1a;font-weight:500;text-decoration:none;transition:color .3s}.portfolio-root.dark-mode nav a{color:#e5e7eb}nav a:hover,nav a.active{color:#000}.portfolio-root.dark-mode nav a:hover,.portfolio-root.dark-mode nav a.active{color:#fff}.hero{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 60px;display:flex}.portfolio-root.dark-mode .hero{background:#0a0a0a}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;display:grid}.hero-text h1{color:#1a1a1a;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.2}.portfolio-root.dark-mode .hero-text h1{color:#fff}.hero-text p{color:#666;margin-bottom:30px;font-size:18px;line-height:1.6}.portfolio-root.dark-mode .hero-text p{color:#bfbfbf}.cta-buttons{flex-wrap:wrap;gap:15px;margin-bottom:40px;display:flex}.btn{cursor:pointer;color:#fff;background:#1a1a1a;border:2px solid #1a1a1a;border-radius:4px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.portfolio-root.dark-mode .btn{color:#0a0a0a;background:#fff;border-color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.portfolio-root.dark-mode .btn:hover{box-shadow:0 10px 25px #ffffff1a}.btn-outline{color:#1a1a1a;background:0 0}.portfolio-root.dark-mode .btn-outline{color:#fff;background:0 0}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image img{border-radius:8px;max-width:100%;height:auto;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.photo-section{background:#f5f5f5;padding:80px 40px}.portfolio-root.dark-mode .photo-section{background:#111}.photo-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.photo-box{text-align:center;justify-content:center;align-items:center;display:flex}.photo-circle{border-radius:50%;flex-shrink:0;width:320px;height:320px;box-shadow:0 20px 50px #00000026}.portfolio-root.dark-mode .photo-circle{box-shadow:0 20px 50px #ffffff1a}.photo-box img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.photo-text h2{color:#1a1a1a;margin-bottom:20px;font-size:32px;font-weight:700}.portfolio-root.dark-mode .photo-text h2{color:#fff}.photo-text p{color:#666;margin-bottom:15px;font-size:16px;line-height:1.8}.portfolio-root.dark-mode .photo-text p{color:#bfbfbf}.photo-text h3{color:#1a1a1a;margin-top:25px;margin-bottom:12px;font-size:18px;font-weight:600}.portfolio-root.dark-mode .photo-text h3{color:#fff}.stats-divider{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:25px}.portfolio-root.dark-mode .stats-divider{border-top-color:#333}.stats{flex-wrap:wrap;gap:30px;margin-top:25px;display:flex}.stat-item{flex:1;min-width:120px}.stat-number{color:#1a1a1a;font-size:24px;font-weight:700}.portfolio-root.dark-mode .stat-number{color:#fff}.stat-label{color:#999;margin-top:5px;font-size:13px}.avatar-section{background:#fff;padding:80px 40px}.portfolio-root.dark-mode .avatar-section{background:#1a1a1a}.avatar-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.avatar-text h2{color:#1a1a1a;margin-bottom:20px;font-size:32px;font-weight:700}.portfolio-root.dark-mode .avatar-text h2{color:#fff}.avatar-text p{color:#666;margin-bottom:16px;font-size:16px;line-height:1.7}.portfolio-root.dark-mode .avatar-text p{color:#bfbfbf}.avatar-image{text-align:center;justify-content:center;align-items:center;display:flex}.about{background:#fff;padding:80px 40px}.portfolio-root.dark-mode .about{background:#0a0a0a}.about-container,.skills-container,.projects-container,.experience-container,.education-container,.communities-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;color:#1a1a1a;margin-bottom:40px;font-size:40px;font-weight:800}.portfolio-root.dark-mode .section-title{color:#fff}.about-text{color:#666;max-width:900px;margin:0 auto;font-size:16px;line-height:1.8}.portfolio-root.dark-mode .about-text{color:#bfbfbf}.skills{background:#f5f5f5;padding:80px 40px}.portfolio-root.dark-mode .skills{background:#111}.skill-category{margin-bottom:50px}.skill-category-title{color:#1a1a1a;margin-bottom:20px;font-size:22px;font-weight:700}.portfolio-root.dark-mode .skill-category-title{color:#fff}.skill-tags{flex-wrap:wrap;gap:12px;display:flex}.skill-tag{color:#fff;white-space:nowrap;background:#1a1a1a;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500}.portfolio-root.dark-mode .skill-tag{color:#0a0a0a;background:#fff}.projects{background:#fff;padding:80px 40px}.portfolio-root.dark-mode .projects{background:#0a0a0a}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;padding:30px;transition:all .3s}.portfolio-root.dark-mode .project-card{background:#111;border-color:#333}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.portfolio-root.dark-mode .project-card:hover{box-shadow:0 15px 40px #00000080}.project-card h3{color:#1a1a1a;margin-bottom:12px;font-size:20px;font-weight:700}.portfolio-root.dark-mode .project-card h3{color:#fff}.project-card p{color:#666;margin-bottom:15px;font-size:14px;line-height:1.6}.portfolio-root.dark-mode .project-card p{color:#bfbfbf}.project-links{flex-wrap:wrap;gap:15px;margin-bottom:18px;display:flex}.project-link{color:#1a1a1a;border-bottom:1px solid #1a1a1a;font-size:13px;font-weight:600;text-decoration:none}.portfolio-root.dark-mode .project-link{color:#fff;border-bottom-color:#fff}.project-link:hover{opacity:.65}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:#fff;background:#1a1a1a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.portfolio-root.dark-mode .project-tag{color:#0a0a0a;background:#fff}.experience{background:#f5f5f5;padding:80px 40px}.portfolio-root.dark-mode .experience{background:#111}.experience-item{border-bottom:1px solid #e5e7eb;margin-bottom:50px;padding-bottom:30px}.portfolio-root.dark-mode .experience-item{border-bottom-color:#333}.experience-item:last-child{border-bottom:none}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.exp-title{color:#1a1a1a;font-size:18px;font-weight:700}.portfolio-root.dark-mode .exp-title{color:#fff}.exp-date{color:#999;font-size:14px}.exp-company{color:#666;margin-bottom:12px;font-size:14px}.portfolio-root.dark-mode .exp-company{color:#bfbfbf}.exp-description{color:#666;margin-left:20px;font-size:14px;line-height:1.7}.portfolio-root.dark-mode .exp-description{color:#bfbfbf}.exp-description li{margin-bottom:8px}.education{background:#fff;padding:80px 40px}.portfolio-root.dark-mode .education{background:#0a0a0a}.education-item{background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:40px;padding:30px}.portfolio-root.dark-mode .education-item{background:#111;border-color:#333}.education-item h3{color:#1a1a1a;margin-bottom:8px;font-size:18px;font-weight:700}.portfolio-root.dark-mode .education-item h3{color:#fff}.education-item p{color:#666;margin-bottom:8px;font-size:14px}.portfolio-root.dark-mode .education-item p{color:#bfbfbf}.communities{background:#f5f5f5;padding:80px 40px}.portfolio-root.dark-mode .communities{background:#111}.community-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.community-item{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.portfolio-root.dark-mode .community-item{background:#0a0a0a;border-color:#333}.community-item h4{color:#1a1a1a;font-size:16px;font-weight:700}.portfolio-root.dark-mode .community-item h4{color:#fff}.community-item p{color:#666;margin-top:8px;font-size:13px}.portfolio-root.dark-mode .community-item p{color:#bfbfbf}.contact{color:#fff;text-align:center;background:#1a1a1a;padding:80px 40px}.portfolio-root.dark-mode .contact{color:#1a1a1a;background:#fff}.contact-container{max-width:800px;margin:0 auto}.contact h2{margin-bottom:20px;font-size:40px;font-weight:800}.contact p{opacity:.8;margin-bottom:30px;font-size:16px}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.contact-link{color:#1a1a1a;background:#fff;border:2px solid #fff;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.portfolio-root.dark-mode .contact-link{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.contact-link:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.portfolio-root.dark-mode .contact-link:hover{box-shadow:0 10px 25px #0003}.copy-btn{cursor:pointer;color:#fff;background:0 0;border:2px solid #fff;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.portfolio-root.dark-mode .copy-btn{color:#fff;border-color:#fff}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.portfolio-root.dark-mode .copy-btn:hover{box-shadow:0 10px 25px #0003}.toast{color:#fff;z-index:2000;background:#10b981;border-radius:4px;padding:16px 24px;font-weight:600;animation:.3s slideIn,.3s 2.7s slideOut;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}footer{text-align:center;color:#999;background:#0a0a0a;border-top:1px solid #333;padding:30px 40px}.portfolio-root.dark-mode footer{color:#666;background:#f5f5f5;border-top-color:#e5e7eb}@media (max-width:1024px){.hero-content,.photo-container{grid-template-columns:1fr}.hero-text h1{font-size:44px}}@media (max-width:768px){nav{padding:15px 20px}nav ul{gap:15px;font-size:14px;overflow-x:auto}.hero{min-height:auto;padding:100px 20px 40px}.hero-text h1{font-size:32px}.cta-buttons{flex-direction:column}.btn{text-align:center;width:100%}.photo-section,.avatar-section,.about,.skills,.projects,.experience,.education,.communities{padding:60px 20px}.photo-text h2,.avatar-text h2{font-size:24px}.avatar-container{grid-template-columns:1fr;gap:40px}.section-title{font-size:28px}.project-grid{grid-template-columns:1fr}.skill-category-title{font-size:18px}.exp-header{flex-direction:column}footer{font-size:12px}}