/* 
CSS STYLES FOR WIGASIYI PROJECT
Visual preset: ceramic-neutral
Colors: #111827, #94a3b8, #e5e7eb, #ffffff
*/

/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.WigasiyiBaseBody {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: #111827;
    background-color: #ffffff;
    overflow-x: hidden;
}

.WigasiyiBaseContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.WigasiyiBaseCenter {
    text-align: center;
}

.WigasiyiBaseH1, .WigasiyiBaseH2, .WigasiyiBaseH3 {
    line-height: 1.2;
    margin-bottom: 20px;
    color: #111827;
    font-weight: 700;
}

.WigasiyiBaseH1 { font-size: 3rem; }
.WigasiyiBaseH2 { font-size: 2.2rem; }
.WigasiyiBaseH3 { font-size: 1.6rem; }

.WigasiyiBaseText {
    margin-bottom: 1.5rem;
    color: #4b5563;
}

.WigasiyiBaseTextMax {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Header & Nav */
.WigasiyiBaseHeader {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #e5e7eb;
}

.WigasiyiBaseStrip {
    height: 4px;
    background: linear-gradient(90deg, #111827, #94a3b8, #111827, #e5e7eb, #111827);
    background-size: 400% 100%;
    animation: WigasiyiBaseGradientAnim 10s linear infinite;
}

@keyframes WigasiyiBaseGradientAnim {
    0% { background-position: 0% 0%; }
    100% { background-position: 400% 0%; }
}

.WigasiyiBaseFlexRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}

.WigasiyiBaseLogo {
    font-size: 1.5rem;
    font-weight: 800;
    color: #111827;
    letter-spacing: -1px;
}

.WigasiyiBaseNav {
    display: flex;
}

.WigasiyiBaseMenuList {
    display: flex;
    list-style: none;
    gap: 25px;
}

.WigasiyiBaseMenuLink {
    text-decoration: none;
    color: #111827;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s;
}

.WigasiyiBaseMenuLink:hover {
    color: #94a3b8;
}

.WigasiyiBaseMenuInput, .WigasiyiBaseBurger {
    display: none;
}

/* Hero Section */
.WigasiyiBaseHero {
    padding: 80px 0;
    background-color: #f9fafb;
}

.WigasiyiBaseHeroGrid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}

.WigasiyiBaseHeroImageContainer {
    flex: 1 1 450px;
    position: relative;
}

.WigasiyiBaseHeroImg {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
    display: block;
}

.WigasiyiBaseBadge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #111827;
    color: #ffffff;
    padding: 6px 16px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50px;
    letter-spacing: 1px;
}

.WigasiyiBaseHeroContent {
    flex: 1 1 500px;
}

.WigasiyiBaseHeroLead {
    font-size: 1.25rem;
    color: #111827;
    margin-bottom: 25px;
    font-weight: 600;
}

.WigasiyiBaseHeroTextText {
    margin-bottom: 20px;
    color: #4b5563;
}

.WigasiyiBaseBtnMain {
    display: inline-block;
    padding: 16px 36px;
    background-color: #111827;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    transition: background 0.3s, transform 0.2s;
    border: none;
    cursor: pointer;
}

.WigasiyiBaseBtnMain:hover {
    background-color: #374151;
    transform: translateY(-2px);
}

/* Quote Section */
.WigasiyiBaseQuoteSection {
    padding: 100px 0;
    background: #ffffff;
}

.WigasiyiBaseSpeechBubble {
    max-width: 800px;
    margin: 0 auto;
    background: #f3f4f6;
    padding: 50px;
    border-radius: 20px;
    position: relative;
    border: 1px solid #e5e7eb;
}

.WigasiyiBaseQuoteText {
    font-size: 1.5rem;
    font-style: italic;
    color: #111827;
    margin-bottom: 20px;
    line-height: 1.5;
}

.WigasiyiBaseQuoteAuthor {
    display: block;
    font-weight: 700;
    font-size: 1.1rem;
    color: #94a3b8;
    font-style: normal;
}

.WigasiyiBaseSpeechBubble::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 20px 0 0;
    border-style: solid;
    border-color: #f3f4f6 transparent transparent transparent;
}

/* Text Blocks */
.WigasiyiBaseTextBlocks {
    padding: 100px 0;
    background: #f9fafb;
}

.WigasiyiBaseTextBlockItem {
    margin-bottom: 80px;
}

.WigasiyiBaseTextBlockItem:last-child {
    margin-bottom: 0;
}

.WigasiyiBaseTwoCols {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.WigasiyiBaseCol {
    flex: 1 1 500px;
}

.WigasiyiBaseCheckList {
    list-style: none;
}

.WigasiyiBaseCheckItem {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    color: #4b5563;
}

.WigasiyiBaseCheckItem::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #111827;
    font-weight: 900;
}

/* FAQ Section */
.WigasiyiBaseFaq {
    padding: 100px 0;
}

.WigasiyiBaseFaqGrid {
    max-width: 900px;
    margin: 50px auto 0;
}

.WigasiyiBaseFaqItem {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s, border-color 0.3s;
}

.WigasiyiBaseFaqItem:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.03);
    border-color: #94a3b8;
}

.WigasiyiBaseFaqTitle {
    padding: 20px;
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    position: relative;
    outline: none;
}

.WigasiyiBaseFaqTitle::-webkit-details-marker {
    display: none;
}

.WigasiyiBaseFaqContent {
    padding: 0 20px 20px;
    color: #6b7280;
    border-top: 1px solid #f3f4f6;
    padding-top: 15px;
}

/* Services / Pricing */
.WigasiyiBaseServices {
    padding: 100px 0;
    background: #111827;
}

.WigasiyiBaseServices .WigasiyiBaseH2 {
    color: #ffffff;
}

.WigasiyiBasePricingWrapper {
    margin-top: 50px;
}

.WigasiyiBasePriceRadio {
    display: none;
}

.WigasiyiBaseToggleNav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}

.WigasiyiBaseToggleBtn {
    padding: 10px 25px;
    border: 1px solid #94a3b8;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.3s;
}

#WigasiyiBasePriceBase:checked ~ .WigasiyiBaseToggleNav label[for="WigasiyiBasePriceBase"],
#WigasiyiBasePriceFull:checked ~ .WigasiyiBaseToggleNav label[for="WigasiyiBasePriceFull"] {
    background: #ffffff;
    color: #111827;
    border-color: #ffffff;
}

.WigasiyiBasePricingCards {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.WigasiyiBasePriceCard {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    flex: 1 1 300px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
}

.WigasiyiBasePriceValue {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 25px;
    color: #111827;
}

.WigasiyiBaseAmount {
    display: none;
}

#WigasiyiBasePriceBase:checked ~ .WigasiyiBasePricingCards .WigasiyiBaseAmountBase { display: inline; }
#WigasiyiBasePriceFull:checked ~ .WigasiyiBasePricingCards .WigasiyiBaseAmountFull { display: inline; }

#WigasiyiBasePriceBase:checked ~ .WigasiyiBasePricingCards .WigasiyiBaseFeatureHidden { display: none; }

.WigasiyiBasePriceList {
    list-style: none;
    margin-bottom: 40px;
    flex-grow: 1;
}

.WigasiyiBasePriceList li {
    padding: 10px 0;
    border-bottom: 1px solid #f3f4f6;
    color: #4b5563;
    font-size: 0.95rem;
}

.WigasiyiBaseBtnOutline {
    display: block;
    text-align: center;
    padding: 14px;
    border: 2px solid #111827;
    color: #111827;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    transition: background 0.3s, color 0.3s;
}

.WigasiyiBaseBtnOutline:hover {
    background: #111827;
    color: #ffffff;
}

/* Practice Section */
.WigasiyiBasePracticeSection {
    padding: 100px 0;
}

.WigasiyiBasePracticeGrid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}

.WigasiyiBasePracticeContent {
    flex: 1 1 500px;
}

.WigasiyiBasePracticeImageWrap {
    flex: 1 1 450px;
    position: relative;
}

.WigasiyiBaseImgResponsive {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.WigasiyiBaseFloatingCard {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    max-width: 280px;
    border-left: 5px solid #94a3b8;
}

.WigasiyiBaseFloatingText {
    font-size: 1rem;
    font-style: italic;
    color: #111827;
    margin-bottom: 10px;
}

.WigasiyiBaseFloatingName {
    font-weight: 700;
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Audience Tags */
.WigasiyiBaseAudience {
    padding: 100px 0;
    background: #f9fafb;
}

.WigasiyiBaseTagCloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 40px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.WigasiyiBaseTag {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 600;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    transition: all 0.3s;
}

.WigasiyiBaseTag:hover {
    border-color: #111827;
    color: #111827;
    transform: translateY(-3px);
}

/* Form Section */
.WigasiyiBaseFormSection {
    padding: 100px 0;
}

.WigasiyiBaseFormCard {
    max-width: 700px;
    margin: 0 auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.05);
}

.WigasiyiBaseFormGroup {
    margin-bottom: 20px;
}

.WigasiyiBaseLabel {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 0.9rem;
}

.WigasiyiBaseInput, .WigasiyiBaseTextarea {
    width: 100%;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 1rem;
    font-family: inherit;
    outline: none;
    transition: border-color 0.3s;
}

.WigasiyiBaseInput:focus, .WigasiyiBaseTextarea:focus {
    border-color: #111827;
}

.WigasiyiBaseTextarea {
    min-height: 120px;
    resize: vertical;
}

.WigasiyiBaseCheckboxGroup {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 30px;
}

.WigasiyiBaseCheckbox {
    margin-top: 5px;
}

.WigasiyiBaseCheckboxLabel {
    font-size: 0.85rem;
    color: #6b7280;
}

.WigasiyiBaseCheckboxLabel a {
    color: #111827;
    text-decoration: underline;
}

.WigasiyiBaseBtnFull {
    width: 100%;
}

/* Footer */
.WigasiyiBaseFooter {
    background: #111827;
    color: #ffffff;
    padding: 80px 0 40px;
}

.WigasiyiBaseFooterContent {
    text-align: center;
}

.WigasiyiBaseFooterCopyright {
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.WigasiyiBaseFooterEmail, .WigasiyiBaseFooterPhone {
    margin-bottom: 5px;
    color: #94a3b8;
}

.WigasiyiBaseFooterEmail a {
    color: #ffffff;
    text-decoration: none;
}

.WigasiyiBaseFooterLinks {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #374151;
}

.WigasiyiBaseFooterLinks a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s;
}

.WigasiyiBaseFooterLinks a:hover {
    color: #ffffff;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .WigasiyiBaseH1 { font-size: 2.2rem; }
    .WigasiyiBaseH2 { font-size: 1.8rem; }

    .WigasiyiBaseBurger {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        cursor: pointer;
    }

    .WigasiyiBaseBurger span {
        width: 100%;
        height: 3px;
        background: #111827;
        border-radius: 10px;
    }

    .WigasiyiBaseNav {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: #ffffff;
        transition: left 0.3s ease;
        padding: 40px;
    }

    .WigasiyiBaseMenuList {
        flex-direction: column;
        align-items: center;
    }

    .WigasiyiBaseMenuInput:checked ~ .WigasiyiBaseNav {
        left: 0;
    }

    .WigasiyiBaseHeroGrid, .WigasiyiBasePracticeGrid {
        flex-direction: column;
    }

    .WigasiyiBaseHeroImageContainer, .WigasiyiBasePracticeImageWrap {
        flex: 1 1 auto;
        width: 100%;
    }

    .WigasiyiBaseFloatingCard {
        position: static;
        margin-top: 20px;
        max-width: 100%;
    }

    .WigasiyiBaseFormCard {
        padding: 30px 20px;
    }

    .WigasiyiBasePricingCards {
        flex-direction: column;
        align-items: center;
    }
}

/* send.php */
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = strip_tags(trim($_POST["name"]));
    $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
    $message = strip_tags(trim($_POST["message"]));

    // Simple validation
    if (empty($name) || empty($email) || empty($message)) {
        header("Location: index.php");
        exit;
    }

    // In a real scenario, email logic would go here.
    // For now, redirect to success.
    header("Location: success.php");
    exit;
} else {
    header("Location: index.php");
    exit;
}
?>