:root {
    --primary-orange: #F06428;
    --secondary-green: #7FB040;
    --dark-text: #333333;
    --light-bg: #f8f9fa;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: var(--dark-text);
    overflow-x: hidden;
}

/* Navbar Tweaks */
.navbar-brand img { height: 65px; }
.nav-link { font-weight: 600; color: #444; transition: 0.3s; }
.nav-link:hover { color: var(--primary-orange); }

/* UNIQUE: Diagonal Section Splitter */
.diagonal-box {
    position: relative;
    background: linear-gradient(135deg, var(--primary-orange), #ff8c5a);
    color: white;
    padding: 80px 0;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* UNIQUE: Image Styling */
.img-frame {
    border: 10px solid white;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    border-radius: 15px;
    transition: transform 0.4s ease;
}
.img-frame:hover { transform: translateY(-10px); }

/* UNIQUE: Achievement Section */
.achievement-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: 0.3s;
}
.achievement-card:hover { transform: scale(1.02); }

/* Text Gradients */
.text-gradient {
    background: -webkit-linear-gradient(45deg, var(--primary-orange), var(--secondary-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* Buttons */
.btn-primary-custom {
    background: var(--primary-orange);
    color: white;
    padding: 12px 30px;
    border-radius: 30px;
    border: none;
    box-shadow: 0 5px 15px rgba(240, 100, 40, 0.4);
    transition: 0.3s;
}
.btn-primary-custom:hover {
    background: #d14e1d;
    transform: translateY(-2px);
    color: white;
}

/* Footer */
footer { background-color: #222; color: #ccc; }