:root {
      --primary: #2c3e50;
      --secondary: #3498db;
      --accent: #e74c3c;
      --light: #ecf0f1;
      --dark: #2c3e50;
      --success: #2ecc71;
    }
    * {margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",sans-serif;}
    html{scroll-behavior:smooth;}
    body{background:#f9f9f9;color:var(--dark);line-height:1.6;}
    .container{width:90%;max-width:1200px;margin:auto;}
    h1,h2,h3{font-weight:700;line-height:1.2;}
    h1{font-size:3rem;margin-bottom:10px;}
    h2{font-size:2rem;text-align:center;margin-bottom:40px;position:relative;}
    h2::after{content:"";position:absolute;width:70px;height:4px;background:var(--secondary);left:50%;bottom:-15px;transform:translateX(-50%);}
    p{margin-bottom:15px;}
    a{text-decoration:none;}
    .btn{display:inline-block;padding:10px 25px;border-radius:5px;background:var(--secondary);color:#fff;font-weight:600;transition:0.3s;}
    .btn:hover{background:#2980b9;transform:translateY(-3px);}
    .btn-accent{background:var(--accent);}
    .btn-accent:hover{background:#c0392b;}

    /* Header */
    header{background:#fff;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
    .logo{font-size:1.5rem;font-weight:700;}
    .logo span{color:var(--secondary);}
    .nav-links{list-style:none;display:flex;}
    .nav-links li{margin-left:25px;}
    .nav-links a{color:var(--dark);font-weight:500;transition:0.3s;}
    .nav-links a.active,.nav-links a:hover{color:var(--secondary);}
    .menu-toggle{display:none;font-size:1.5rem;cursor:pointer;}

    /* Hero */
    .hero{background:linear-gradient(135deg,var(--primary),#34495e);color:#fff;padding:140px 0 100px;text-align:center;}
    .hero p{font-size:1.2rem;opacity:0.9;}
    .hero-btns{margin-top:30px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}

    /* About */
    .about{background:#fff;padding:80px 0;}
    .about-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;}
    .about-img img{width:100%;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.1);}
    .skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
    .skill{background:var(--light);padding:7px 14px;border-radius:20px;font-size:0.9rem;}

    /* Projects */
    .projects{background:#f5f7fa;padding:80px 0;}
    .filter-bar{text-align:center;margin-bottom:30px;}
    .filter-btn{padding:8px 16px;margin:5px;border-radius:20px;background:var(--light);cursor:pointer;transition:0.3s;}
    .filter-btn.active,.filter-btn:hover{background:var(--secondary);color:#fff;}
    .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
    .project-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:0.3s;}
    .project-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,0.15);}
    .project-img{height:180px;overflow:hidden;}
    .project-img img{width:100%;height:100%;object-fit:cover;transition:0.5s;}
    .project-card:hover img{transform:scale(1.1);}
    .project-info{padding:20px;}
    .project-tech{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0;}
    .tech-tag{background:var(--light);padding:4px 10px;border-radius:4px;font-size:0.8rem;}

    /* Contact */
    .contact{background:#fff;padding:80px 0;}
    .contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
    .contact-item{display:flex;align-items:center;margin-bottom:15px;}
    .contact-item i{width:40px;height:40px;border-radius:50%;background:var(--light);display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--secondary);}
    .social-links{display:flex;gap:15px;margin-top:15px;}
    .social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--light);color:var(--dark);transition:0.3s;}
    .social-links a:hover{background:var(--secondary);color:#fff;}
    .contact-form{background:#f9f9f9;padding:25px;border-radius:10px;}
    .form-group{margin-bottom:15px;}
    .form-group label{display:block;margin-bottom:6px;font-weight:500;}
    .form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;}
    textarea.form-control{min-height:120px;}
    .form-status{margin-top:10px;font-size:0.95rem;font-weight:500;}

    footer{background:var(--primary);color:#fff;text-align:center;padding:25px 0;}

    /* Reveal */
    .reveal{opacity:0;transform:translateY(40px);transition:0.8s;}
    .reveal.active{opacity:1;transform:translateY(0);}

    @media(max-width:900px){.about-content{grid-template-columns:1fr;}}
    @media(max-width:768px){
      .menu-toggle{display:block;}
      .nav-links{position:fixed;left:-100%;top:70px;width:100%;flex-direction:column;background:#fff;text-align:center;transition:0.3s;}
      .nav-links.active{left:0;}
      .nav-links li{margin:0;padding:15px 0;border-bottom:1px solid #eee;}
      .contact-container{grid-template-columns:1fr;}
    }