* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6; color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        /* Navbar */
        .navbar { position: fixed; top: 0; width: 100%; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.1); z-index: 1000; padding: 1rem 0; transition: all .3s ease; }
        .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 1.5rem; font-weight: bold; color: #667eea; text-decoration: none; }
        .nav-menu { display: flex; list-style: none; gap: 2rem; }
        .nav-link { text-decoration: none; color: #333; font-weight: 500; transition: color .3s ease; position: relative; }
        .nav-link:hover { color: #667eea; }
        .nav-link.active { color: #667eea; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: #667eea; transition: width .3s ease; }
        .nav-link:hover::after, .nav-link.active::after { width: 100%; }
        .hamburger { display: none; flex-direction: column; cursor: pointer; }
        .hamburger span { width: 25px; height: 3px; background: #333; margin: 3px 0; transition: .3s; }

        /* Main */
        .main-content { margin-top: 80px; }
        .section { padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; }

        /* Hero */
        .hero { text-align: center; padding: 6rem 2rem; color: white; }
        .hero-title { font-size: 3.5rem; margin-bottom: 1rem; background: linear-gradient(45deg,#fff,#f0f0f0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .hero-subtitle { font-size: 1.5rem; margin-bottom: 2rem; opacity: .9; }
        .hero-description { font-size: 1.1rem; max-width: 800px; margin: 0 auto 2rem; opacity: .8; }
        .contact-info { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 2rem; }
        .contact-item { background: rgba(255,255,255,.1); padding: .5rem 1rem; border-radius: 25px; backdrop-filter: blur(10px); }

        /* Cards/Sections */
        .content-section { background: white; margin: 2rem 0; padding: 3rem; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
        .section-title { font-size: 2.5rem; margin-bottom: 2rem; text-align: center; color: #667eea; position: relative; }
        .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: linear-gradient(45deg,#667eea,#764ba2); border-radius: 2px; }

        /* Skills */
        .skills-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 1.5rem; margin-top: 2rem; }
        .skill-category { background: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%); padding: 1.5rem; border-radius: 10px; text-align: center; transition: transform .3s ease; }
        .skill-category:hover { transform: translateY(-5px); }
        .skill-category h4 { color: #667eea; margin-bottom: 1rem; font-size: 1.2rem; }
        .skill-list { list-style: none; }
        .skill-list li { background: white; margin: .5rem 0; padding: .5rem; border-radius: 5px; font-size: .9rem; }

        /* Experience */
        .experience-item { background: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%); margin: 2rem 0; padding: 2rem; border-radius: 10px; border-left: 4px solid #667eea; transition: transform .3s ease; }
        .experience-item:hover { transform: translateX(10px); }
        .experience-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; }
        .experience-title { color: #667eea; font-size: 1.3rem; font-weight: bold; }
        .experience-period { background: #667eea; color: white; padding: .3rem .8rem; border-radius: 15px; font-size: .9rem; }
        .experience-company { color: #666; margin-bottom: 1rem; font-style: italic; }
        .experience-duties { list-style: none; }
        .experience-duties li { margin: .5rem 0; padding-left: 1rem; position: relative; }
        .experience-duties li::before { content: '▶'; color: #667eea; position: absolute; left: 0; }

        /* Languages */
        .languages { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; }
        .language-item { background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color: white; padding: 1rem 2rem; border-radius: 25px; font-weight: bold; text-align: center; min-width: 120px; }

        /* Education (kept if needed) */
        .education-item { background: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%); padding: 2rem; border-radius: 10px; text-align: center; }
        .education-degree { color: #667eea; font-size: 1.3rem; font-weight: bold; margin-bottom: .5rem; }
        .education-school { color: #666; margin-bottom: .5rem; }
        .education-period { background: #667eea; color: white; display: inline-block; padding: .3rem .8rem; border-radius: 15px; font-size: .9rem; }

        /* NEW: Social Section */
        .social-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1.2rem; margin-top: 1.2rem; }
        .social-card { display: flex; align-items: center; gap: .9rem; background: linear-gradient(135deg,#ffffff 0%,#eef1ff 100%); border: 1px solid #e6e9ff; border-radius: 12px; padding: 1rem; text-decoration: none; color: #333; transition: transform .2s ease, box-shadow .2s ease; }
        .social-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(102,126,234,.15); }
        .social-icon { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #667eea; color: #fff; }
        .social-title { font-weight: 600; }
        .social-hint { font-size: .85rem; color: #666; }

        /* NEW: Contact Section */
        .contact-wrapper { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; }
        .contact-form { background: linear-gradient(135deg,#ffffff 0%,#f7f8ff 100%); border: 1px solid #ecefff; border-radius: 16px; padding: 1.2rem; }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
        .form-group { margin-bottom: 1rem; }
        .form-label { display: block; font-size: .9rem; color: #555; margin-bottom: .35rem; }
        .form-input, .form-textarea { width: 100%; padding: .8rem 1rem; border: 1px solid #dfe3ff; border-radius: 10px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
        .form-input:focus, .form-textarea:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,.15); }
        .btn-primary { background: #667eea; color: #fff; border: none; padding: .8rem 1.2rem; border-radius: 10px; cursor: pointer; font-weight: 600; }
        .btn-primary:hover { background: #586adf; }
        .contact-info-cards { display: grid; grid-template-columns: 1fr; gap: 1rem; }
        .info-card { display: flex; align-items: center; gap: .9rem; background: #fff; border: 1px solid #ecefff; border-radius: 12px; padding: 1rem; }
        .info-icon { width: 36px; height: 36px; border-radius: 10px; background: #764ba2; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
        .info-text small { display: block; color: #666; }

        .status { margin-top: .75rem; font-size: .9rem; }
        .status.success { color: #1b7f4d; }
        .status.error { color: #b3261e; }

        /* Responsive */
        @media (max-width: 768px) {
            .nav-menu { position: fixed; top: 70px; left: -100%; width: 100%; height: calc(100vh - 70px); background: white; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 2rem; transition: left .3s ease; }
            .nav-menu.active { left: 0; }
            .hamburger { display: flex; }
            .hero-title { font-size: 2.5rem; }
            .hero-subtitle { font-size: 1.2rem; }
            .contact-info { flex-direction: column; align-items: center; }
            .experience-header { flex-direction: column; align-items: flex-start; gap: .5rem; }
            .content-section { padding: 2rem 1rem; margin: 1rem; }
            .contact-wrapper { grid-template-columns: 1fr; }
            .form-row { grid-template-columns: 1fr; }
        }

        /* Scroll to top */
        .scroll-top { position: fixed; bottom: 2rem; right: 2rem; background: #667eea; color: white; width: 50px; height: 50px; border: none; border-radius: 50%; cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 1.2rem; transition: all .3s ease; z-index: 1000; }
        .scroll-top:hover { background: #764ba2; transform: translateY(-3px); }
        .scroll-top.show { display: flex; }