@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --accent-color: #f59e0b;
    --accent-pink: #ec4899;
    --accent-cyan: #06b6d4;
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-light: #ffffff;
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-dark: #0f172a;
    --bg-card: rgba(255, 255, 255, 0.95);
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-elegant: linear-gradient(135deg, #e4b14e 0%, #8b5e04 50%, #ffd787 100%);
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --glass: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
}

body {
    font-family: "Manrope",'Impact', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    line-height: 1.7;
    color: var(--text-primary);
    scroll-behavior: smooth;
    overflow-x: hidden !important;
    background: var(--bg-primary);
}
.img-fluid{max-width:100%;height:auto;margin:0 auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container-sm,.container{max-width:540px}}@media (min-width:768px){.container-md,.container-sm,.container{max-width:720px}}@media (min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media (min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media (min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}
@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}

@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}
.m-0{margin:0!important}.m-1{margin:0.25rem!important}.m-2{margin:0.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:0.25rem!important;margin-left:0.25rem!important}.mx-2{margin-right:0.5rem!important;margin-left:0.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:0.25rem!important;margin-bottom:0.25rem!important}.my-2{margin-top:0.5rem!important;margin-bottom:0.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:0.25rem!important}.mt-2{margin-top:0.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:0.25rem!important}.me-2{margin-right:0.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:0.25rem!important}.mb-2{margin-bottom:0.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:0.25rem!important}.ms-2{margin-left:0.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:0.25rem!important}.p-2{padding:0.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:0.25rem!important;padding-left:0.25rem!important}.px-2{padding-right:0.5rem!important;padding-left:0.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:0.25rem!important;padding-bottom:0.25rem!important}.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:0.25rem!important}.pt-2{padding-top:0.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:0.25rem!important}.pe-2{padding-right:0.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:0.25rem!important}.pb-2{padding-bottom:0.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:0.25rem!important}.ps-2{padding-left:0.5rem!important}.ps-3{padding-left:1rem!important}.position-relative,.relative{position:relative!important}h1,h2,h3{font-family:"Manrope",sans-serif;font-weight:bolder}.footer{background:linear-gradient(135deg,#000000 0%,#211600 50%,#503d00 100%);color:var(--text-light);padding:3rem 0 2rem;border-top:1px solid rgb(255 255 255 / .1);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footer-grid" width="12" height="12" patternUnits="userSpaceOnUse"><path d="M 12 0 L 0 0 0 12" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23footer-grid)"/></svg>');opacity:.4}.footer::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgb(99 102 241 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(139 92 246 / .08) 0%,transparent 50%)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:2}.footer-left p{color:rgb(255 255 255 / .7);font-size:.9rem;margin:0}.footer-right{display:flex;gap:2rem;flex-wrap:wrap}.footer-right a{color:rgb(255 255 255 / .7);text-decoration:none;font-size:.9rem;transition:all 0.3s ease;position:relative}.footer-right a:hover{color:var(--text-light);transform:translateY(-1px)}

.footer-right a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -3px;
    left: 0;
    background: var(--primary-color);
    transition: width 0.3s ease;
}

.footer-right a:hover::after {
    width: 100%;
}

/* Footer Mobile Responsiveness */
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .footer-right {
        justify-content: center;
        gap: 1.5rem;
    }

    .footer-right a {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .footer-right {
        flex-direction: column;
        gap: 1rem;
    }
}



section {
    position: relative;
    overflow-x: hidden !important;
    ;
}

/* Navigation */
nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    z-index: 1000;
    padding: 1rem 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

nav.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow-lg);
    padding: 0.75rem 0;
}

.nav-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-weight: 700;
    background: var(--gradient-elegant);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.logo img{
    width: 170px;
}
@media screen and (max-width: 885px) {
    .logo img{
    width: 140px;
}
}
.nav-links {
    display: flex;
    list-style: none;
    gap: 2.5rem;
    align-items: center;
}

.nav-links a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 1.2rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    padding: 0.5rem 0;
}

.nav-links a:hover,.nav-links a.active,.nav-links a:active {
    color: #e7ab32;
    transform: translateY(-1px);
}

.nav-links a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background: #000;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 1px;
}

.nav-links a:hover::after {
    width: 100%;
}

/* Mobile Menu */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1001;
}

.hamburger {
    width: 25px;
    height: 3px;
    background: var(--text-primary);
    margin: 3px 0;
    transition: all 0.3s ease;
    border-radius: 1px;
}

.mobile-menu-toggle.active .hamburger:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
}

.mobile-menu-toggle.active .hamburger:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active .hamburger:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(17, 17, 17, 0.98);
    backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 999;
}

.mobile-menu.active {
    right: 0;
}

.mobile-nav-links {
    list-style: none;
    text-align: center;
}

.mobile-nav-links li {
    margin: 2rem 0;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.active .mobile-nav-links li {
    opacity: 1;
    transform: translateY(0);
}

.mobile-menu.active .mobile-nav-links li:nth-child(1) {
    transition-delay: 0.1s;
}

.mobile-menu.active .mobile-nav-links li:nth-child(2) {
    transition-delay: 0.2s;
}

.mobile-menu.active .mobile-nav-links li:nth-child(3) {
    transition-delay: 0.3s;
}

.mobile-menu.active .mobile-nav-links li:nth-child(4) {
    transition-delay: 0.4s;
}

.mobile-nav-links a {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--text-light);
    text-decoration: none;
    transition: all 0.3s ease;
    background: var(--gradient-elegant);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mobile-nav-links a:hover {
    transform: scale(1.05);
}

/* Hero Section */
.hero {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-elegant);
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    animation: float 25s ease-in-out infinite;
    opacity: 0.7;
}

.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    animation: pulse 4s ease-in-out infinite alternate;
}

/* Floating Shapes */
.floating-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.shape {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.shape-1 {
    width: 80px;
    height: 80px;
    top: 20%;
    left: 10%;
    animation: floatShape1 20s ease-in-out infinite;
}

.shape-2 {
    width: 120px;
    height: 120px;
    top: 60%;
    right: 15%;
    background: rgba(255, 255, 255, 0.08);
    animation: floatShape2 25s ease-in-out infinite reverse;
}

.shape-3 {
    width: 60px;
    height: 60px;
    top: 30%;
    right: 25%;
    background: rgba(255, 255, 255, 0.12);
    animation: floatShape3 18s ease-in-out infinite;
}

.shape-4 {
    width: 100px;
    height: 100px;
    bottom: 25%;
    left: 20%;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    animation: floatShape4 22s ease-in-out infinite;
}

.shape-5 {
    width: 40px;
    height: 40px;
    top: 15%;
    right: 40%;
    background: rgba(255, 255, 255, 0.15);
    animation: floatShape5 16s ease-in-out infinite reverse;
}

.shape-6 {
    width: 140px;
    height: 140px;
    bottom: 15%;
    right: 10%;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 30px;
    animation: floatShape6 28s ease-in-out infinite;
}

@keyframes floatShape1 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-30px) translateX(20px) rotate(90deg);
    }

    50% {
        transform: translateY(-15px) translateX(-10px) rotate(180deg);
    }

    75% {
        transform: translateY(-40px) translateX(15px) rotate(270deg);
    }
}

@keyframes floatShape2 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    33% {
        transform: translateY(25px) translateX(-20px) scale(1.1);
    }

    66% {
        transform: translateY(-20px) translateX(25px) scale(0.9);
    }
}

@keyframes floatShape3 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-25px) translateX(-30px) rotate(180deg);
    }
}

@keyframes floatShape4 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateY(20px) translateX(-15px) rotate(45deg);
    }

    50% {
        transform: translateY(-10px) translateX(30px) rotate(90deg);
    }

    75% {
        transform: translateY(15px) translateX(-20px) rotate(135deg);
    }
}

@keyframes floatShape5 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    50% {
        transform: translateY(-35px) translateX(20px) scale(1.2);
    }
}

@keyframes floatShape6 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-15px) translateX(10px) rotate(60deg);
    }

    66% {
        transform: translateY(10px) translateX(-25px) rotate(120deg);
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(1deg);
    }
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0.8;
    }
}

.hero-content {
    text-align: center;
    color: var(--text-light);
    z-index: 2;
    position: relative;
    max-width: 900px;
    padding: 0 2rem;
}

.hero-subtitle {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease 0.2s forwards;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.hero h1 {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease 0.4s forwards;
    line-height: 1.1;
    letter-spacing: -1px;
}

.hero .subtitle {
    font-size: 1.3rem;
    margin-bottom: 3rem;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease 0.6s forwards;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-button {
    display: inline-block;
    padding: 1.2rem 3rem;
    background: rgba(255, 255, 255, 0.2);
    color: var(--text-light);
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    transform: translateY(30px);
    opacity: 0;
    animation: fadeInUp 1s ease 0.8s forwards;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    letter-spacing: 0.5px;
}

.cta-button:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Indicator */
.scroll-indicator {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.scroll-indicator:hover {
    border-color: rgba(255, 255, 255, 0.9);
}

.scroll-indicator::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(20px);
        opacity: 0;
    }
}

/* Section Styles */
section {
    padding: 3rem 0;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-title {
    text-align: center;
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 4rem;
    background: #000000;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background: #f1c468;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

/* About Section */
.about {
    background: var(--bg-secondary);
    position: relative;
}

.about::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 10% 20%, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
}

.about-content {
    display: grid;

    grid-template-columns: 1fr 1.5fr;
    gap: 6rem;
    align-items: center;
    position: relative;
}

.about-image {
    width: 100%;
    height: 500px;
    background: url('images/portrait-regina.jpg') center/cover;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-2xl);
    transform: rotate(-2deg);
    transition: transform 0.4s ease;
}

.about-image:hover {
    transform: rotate(0deg) scale(1.02);
}

.about-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    transition: opacity 0.3s ease;
}

.about-image:hover::before {
    opacity: 0.7;
}

.about-image::after {}

.about-text h3 {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 3rem;
    margin-bottom: 2rem;
    color: var(--text-primary);
    font-weight: 500;
    line-height: 1.2;
}

.about-text{
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 2rem;
    line-height: 1.3;
}

.skills {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.skill-tag {
    padding: 0.75rem 1.5rem;
    background: var(--bg-card);
    color: var(--primary-color);
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid rgba(99, 102, 241, 0.2);
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.skill-tag:hover {
    background: var(--primary-color);
    color: var(--text-light);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* Portfolio Section */
.portfolio {
    background: var(--bg-primary);
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 2rem;
}

.portfolio-item {
    background: var(--bg-card);
    border-radius: 25px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(20px);
    opacity: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.portfolio-item.animate {
    transform: translateY(0);
    opacity: 1;
}

.portfolio-item:hover {
    transform: translateY(-15px);
    box-shadow: var(--shadow-2xl);
}

.portfolio-image {
    width: 100%;
    height: 180px;
    background: var(--gradient-primary);
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.portfolio-item:nth-child(1) .portfolio-image {
    background-image: url('images/working-business-women.jpg');
}

.portfolio-item:nth-child(2) .portfolio-image {
    background-image: url('images/computer-desk-stickers.jpg');
}

.portfolio-item:nth-child(3) .portfolio-image {
    background-image: url('images/curved-display-pinky-girl.jpg');
}

.portfolio-item:nth-child(4) .portfolio-image {
    background-image: url('images/dashboard-interfaces-transparent-displays.jpg');
}

.portfolio-item:nth-child(5) .portfolio-image {
    background-image: url('images/marketing-strategy-women.jpg');
}

.portfolio-item:nth-child(6) .portfolio-image {
    background-image: url('images/portfolio-website-girl.jpg');
}

.portfolio-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    transition: all 0.3s ease;
}

.portfolio-item:hover .portfolio-image::before {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.4) 0%, rgba(139, 92, 246, 0.3) 100%);
}

.portfolio-content {
    padding: 2rem;
}

.portfolio-content h4 {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
    font-weight: 600;
}

.portfolio-content p {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.portfolio-tech {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tech-tag {
    padding: 0.4rem 1rem;
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tech-tag:hover {
    background: var(--primary-color);
    color: var(--text-light);
}

/* Contact Section */
.contact {
    background: linear-gradient(135deg, #000000 0%, #231400 50%, #120a03 100%);
    color: var(--text-light);
    position: relative;
    overflow: hidden;
}

.contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-grid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-grid)"/></svg>');
    animation: contactFloat 30s ease-in-out infinite;
    opacity: 0.6;
}

.contact::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 75%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 75% 25%, rgba(255, 255, 255, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.1) 0%, transparent 70%);
    animation: contactPulse 6s ease-in-out infinite alternate;
}

/* Contact Floating Shapes */
.contact-floating-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.contact-shape {
    position: absolute;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.contact-shape-1 {
    width: 70px;
    height: 70px;
    top: 15%;
    left: 8%;
    animation: contactFloatShape1 24s ease-in-out infinite;
}

.contact-shape-2 {
    width: 110px;
    height: 110px;
    top: 65%;
    right: 12%;
    background: rgba(255, 255, 255, 0.06);
    animation: contactFloatShape2 28s ease-in-out infinite reverse;
}

.contact-shape-3 {
    width: 55px;
    height: 55px;
    top: 25%;
    right: 30%;
    background: rgba(255, 255, 255, 0.1);
    animation: contactFloatShape3 20s ease-in-out infinite;
}

.contact-shape-4 {
    width: 90px;
    height: 90px;
    bottom: 20%;
    left: 18%;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 25px;
    animation: contactFloatShape4 26s ease-in-out infinite;
}

.contact-shape-5 {
    width: 35px;
    height: 35px;
    top: 12%;
    right: 45%;
    background: rgba(255, 255, 255, 0.12);
    animation: contactFloatShape5 18s ease-in-out infinite reverse;
}

.contact-shape-6 {
    width: 130px;
    height: 130px;
    bottom: 12%;
    right: 8%;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 35px;
    animation: contactFloatShape6 32s ease-in-out infinite;
}

@keyframes contactFloatShape1 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-25px) translateX(15px) rotate(90deg);
    }

    50% {
        transform: translateY(-10px) translateX(-8px) rotate(180deg);
    }

    75% {
        transform: translateY(-35px) translateX(12px) rotate(270deg);
    }
}

@keyframes contactFloatShape2 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    33% {
        transform: translateY(20px) translateX(-15px) scale(1.05);
    }

    66% {
        transform: translateY(-15px) translateX(20px) scale(0.95);
    }
}

@keyframes contactFloatShape3 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) translateX(-25px) rotate(180deg);
    }
}

@keyframes contactFloatShape4 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateY(15px) translateX(-12px) rotate(30deg);
    }

    50% {
        transform: translateY(-8px) translateX(25px) rotate(60deg);
    }

    75% {
        transform: translateY(12px) translateX(-18px) rotate(90deg);
    }
}

@keyframes contactFloatShape5 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    50% {
        transform: translateY(-30px) translateX(15px) scale(1.15);
    }
}

@keyframes contactFloatShape6 {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-12px) translateX(8px) rotate(45deg);
    }

    66% {
        transform: translateY(8px) translateX(-20px) rotate(90deg);
    }
}

@keyframes contactFloat {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-15px) rotate(0.5deg);
    }

    66% {
        transform: translateY(-10px) rotate(-0.5deg);
    }
}

@keyframes contactPulse {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.7;
    }
}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid #fff0;border-radius:.375rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-primary .alert-link{color:#06357a}.alert-secondary .alert-link{color:#34383c}.alert-success .alert-link{color:#0c4128}.alert-danger .alert-link{color:#6a1a21}.alert-warning .alert-link{color:#523e02}.alert-info .alert-link{color:#04414d}.alert-light .alert-link{color:#4f5050}.alert-dark .alert-link{color:#101214}.alert-border-primary{border-left:4px solid #0d6efd}.alert-border-success{border-left:4px solid #198754}.alert-border-danger{border-left:4px solid #dc3545}.alert-border-warning{border-left:4px solid #ffc107}.alert-border-info{border-left:4px solid #0dcaf0}.alert-icon{display:flex;align-items:center}.alert-icon::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;margin-right:.75rem;background-size:contain;background-repeat:no-repeat}.alert-primary.alert-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23084d98' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E")}.alert-success.alert-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23198754' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E")}.alert-danger.alert-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3C/svg%3E")}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.text-info{color:#0dcaf0!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-black{color:#000!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-primary-50{color:rgb(13 110 253 / .5)!important}.text-primary-75{color:rgb(13 110 253 / .75)!important}.text-success-50{color:rgb(25 135 84 / .5)!important}.text-danger-50{color:rgb(220 53 69 / .5)!important}.text-warning-50{color:rgb(255 193 7 / .5)!important}.text-theme-primary{color:#e4b14e!important}.text-theme-secondary{color:#cb8f17!important}.text-theme-accent{color:#2c3e50!important}.text-valid{color:#198754!important}.text-invalid{color:#dc3545!important}.text-disabled{color:#6c757d!important;opacity:.65}.text-facebook{color:#1877f2!important}.text-twitter{color:#1da1f2!important}.text-instagram{color:#e4405f!important}.text-linkedin{color:#0a66c2!important}.text-youtube{color:#ff0000!important}.text-whatsapp{color:#25d366!important}
.contact-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:10}.contact .section-title{color:var(--text-light);background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.contact-form{display:grid;gap:2rem;margin-top:3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group{display:grid;gap:.75rem;text-align:left}.form-group label{font-weight:500;color:rgb(255 255 255 / .9);font-size:.9rem}.form-group input,.form-group textarea{padding:1.2rem;border:1px solid rgb(255 255 255 / .2);border-radius:15px;background:rgb(255 255 255 / .08);color:var(--text-light);font-family:'Segoe UI','Roboto','Helvetica Neue','Arial',sans-serif;font-size:1rem;font-weight:400;transition:all 0.3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;background:rgb(255 255 255 / .12);border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(99 102 241 / .1)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgb(255 255 255 / .5)}.submit-btn{padding:1.2rem 3rem;background:#c2953b;color:var(--text-light);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(.4,0,.2,1);margin-top:1rem;letter-spacing:.5px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgb(99 102 241 / .3)}.fade-in{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(.4,0,.2,1)}.fade-in.animate{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-60px);transition:all 0.8s cubic-bezier(.4,0,.2,1)}.slide-in-left.animate{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(60px);transition:all 0.8s cubic-bezier(.4,0,.2,1)}.slide-in-right.animate{opacity:1;transform:translateX(0)}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about-content{grid-template-columns:1fr;gap:4rem}.hero h1{font-size:4rem}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero h1{font-size:3rem}.hero .subtitle{font-size:1.1rem}.section-title{font-size:2.5rem}.portfolio-grid{grid-template-columns:1fr}.container{padding:0 1.5rem}section{padding:5rem 0}.form-row{grid-template-columns:1fr;gap:1.5rem}.about-text h3{font-size:2rem}.skills{margin-top:2rem}}@media (max-width:480px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.nav-container{padding:0 1rem}.container{padding:0 1rem}}.img-fluid{max-width:100%;height:auto;margin:0 auto}.semi-container{width:100%;margin:0 auto}@media screen and (min-width:991px){.semi-container{width:85%}}@media screen and (min-width:1200px){.semi-container{width:75%}}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.w-100{width:100%}.collection-img{overflow:hidden;text-align:center;margin:auto}@media screen and (min-width:1080px){.collection-img{min-height:300px;width:100%;max-width:650px}.about-img{height:480px;width:100%;max-width:650px;border-radius:8px;overflow:hidden}}.blog-card{box-shadow:rgb(0 0 0 / .12) 0 1px 3px,rgb(0 0 0 / .24) 0 1px 2px;background-color:#fff;position:relative;color:#171717}.blog-card,.blog-img{border-radius:8px}.blog-img{height:235px;width:100%;overflow:hidden;display:flex}.single-blog-img{width:100%;overflow:hidden;align-items:center;justify-content:center;display:flex}@media screen and (min-width:992px){.single-blog-img{height:620px}}.blog-img>img,.single-blog-img>img,.about-img>img,.collection-img>img{height:100%;width:100%;object-fit:cover;max-width:100%;margin:0 auto}.blog-title{font-weight:700;font-size:1.2rem;line-height:1.3}.blog-button{text-decoration:none;display:inline-block;padding:7px 16px;font-size:15px;border-radius:30px;color:#fff;background-color:#171717}.rounded-4{border-radius:8px}.bg-light{color:#222;background-color:#302e2911}.page-header{padding:40px 0;margin-top:115px;background-color:#221d0e2b}.page-header a{text-decoration:none;color:#e4b14e;font-weight:500}.border-primary{border:1px solid #e4b14e!important}.stretched-link{position:static}.stretched-link::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.bg-danger{background-color:#f31230!important}.position-relative{position:relative!important}.overflow-hidden{overflow:hidden!important}.language-switcher{position:relative;display:inline-block}.language-list{list-style:none;padding:0;margin:0}.dropdown{position:relative;display:inline-block}.language-active{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;color:#333;transition:all 0.3s ease;cursor:pointer;user-select:none;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.language-active:hover{background:#f8f9fa;border-color:#d0d7de;box-shadow:0 4px 8px rgb(0 0 0 / .08)}.language-active:focus{outline:none;border-color:#e7ab32;box-shadow:0 0 0 3px rgb(77 144 254 / .1)}.language-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;border-radius:4px;background:#f5f5f5}.language-avatar img{width:24px;height:24px;object-fit:contain}.language-text{font-size:14px;font-weight:500;color:#333}.dropdown-chevron{margin-left:8px;color:#666;transition:transform 0.3s ease}.dropdown-menu{position:absolute;top:100%;right:0;z-index:99999;min-width:180px;margin-top:4px;padding:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .12),0 1px 3px rgb(0 0 0 / .06);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-inner{padding:10px 12px}.dropdown-list{list-style:none;padding:0;margin:0}.dropdown-item{margin:0}.dropdown-link{display:flex;align-items:center;padding:10px 16px;text-decoration:none;background:#f9f9f9;color:#333;font-size:15px;border-radius:10px;font-weight:500;transition:all 0.2s ease;cursor:pointer;margin-bottom:8px;justify-content:center}.dropdown-item .dropdown-link:nth-last-child{margin-bottom:0}.dropdown-link:hover{background:#eee;color:#1a73e8;padding-left:20px}.dropdown-link:focus{outline:none;background:#f0f7ff}.dropdown-item.active .dropdown-link{background:#e8f0fe;color:#1a73e8;font-weight:500}.dropdown-link div{display:flex;align-items:center;justify-content:center}.dropdown-link img{margin-right:12px;width:20px;height:20px;object-fit:contain}.dropdown-menu::before{content:'';position:absolute;top:-6px;right:16px;width:12px;height:12px;background:#fff;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;transform:rotate(45deg);z-index:-1}.dropdown-animating{pointer-events:none}.dropdown-chevron.rotate{transform:rotate(180deg)}@media (max-width:768px){.language-active{padding:6px 10px}.language-text{display:none!important}.dropdown-menu{position:fixed;top:95px!important;bottom:0;left:0;right:0;margin:0 auto;border-radius:12px;transform:translateY(100%);max-width:270px;height:24vh;overflow-y:auto}.dropdown-menu.show{transform:translateY(0)}}@media (prefers-color-scheme:dark){.language-active{background:#2d2d2d;border-color:#404040;color:#fff}.language-active:hover{background:#363636;border-color:#505050}.language-text{color:#fff}.dropdown-menu{background:#2d2d2d;border-color:#404040}.dropdown-link{color:#fff}.dropdown-link:hover{background:#363636;color:#8ab4f8}.dropdown-item.active .dropdown-link{background:#1a3d6e;color:#8ab4f8}.dropdown-menu::before{background:#2d2d2d;border-color:#404040}}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-13{order:13}.order-14{order:14}.order-15{order:15}.order-16{order:16}.order-17{order:17}.order-18{order:18}.order-19{order:19}.order-20{order:20}