/* style.css */
@media screen and (min-width: 650px){
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    body {
        font-family: 'Montserrat', system-ui, sans-serif;
        background: #000;
        overflow: hidden;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    /* === PROTECTED: Slide Transition Engine === */
    .slide {
        opacity: 0;
        transform: translateX(60px);
        transition: all .5s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px;
    }
    .slide.active {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }
    .slide.prev {
        opacity: 0;
        transform: translateX(-60px);
    }
    
    /* === EDITABLE: Slide Content Styles === */
    .slide i.fa-solid,
    .slide i.fa-regular,
    .slide i.fa-brands {
        color: inherit;
    }
    
    /* Animations */
    <span style="color: hsl(var(--primary)); font-weight: 500;">@keyframes</span> fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    <span style="color: hsl(var(--primary)); font-weight: 500;">@keyframes</span> fadeInScale {
        from {
            opacity: 0;
            transform: scale(.85);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    <span style="color: hsl(var(--primary)); font-weight: 500;">@keyframes</span> pulseGlow {
        0%, 100% {
            box-shadow: 0 0 20px rgba(249, 115, 22, .2);
        }
        50% {
            box-shadow: 0 0 40px rgba(249, 115, 22, .45);
        }
    }
    <span style="color: hsl(var(--primary)); font-weight: 500;">@keyframes</span> shimmer {
        0% {
            background-position: -200% 0;
        }
        100% {
            background-position: 200% 0;
        }
    }
    
    .slide.active .hero-wrap,
    .slide.active .section-wrap,
    .slide.active .project-card,
    .slide.active .final-wrap {
        animation: fadeInUp .7s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .hero-name {
        animation: fadeInUp .7s .1s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .hero-role {
        animation: fadeInUp .7s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .hero-sub {
        animation: fadeInUp .7s .3s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .hero-tags {
        animation: fadeInUp .7s .4s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .hero-btns {
        animation: fadeInUp .7s .5s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .section-title {
        animation: fadeInUp .6s .1s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .section-line {
        animation: fadeInUp .6s .15s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .comp-card:nth-child(1) {
        animation: fadeInUp .5s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .comp-card:nth-child(2) {
        animation: fadeInUp .5s .3s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .comp-card:nth-child(3) {
        animation: fadeInUp .5s .4s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .comp-card:nth-child(4) {
        animation: fadeInUp .5s .5s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .metric-card:nth-child(1) {
        animation: fadeInScale .5s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .metric-card:nth-child(2) {
        animation: fadeInScale .5s .3s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .metric-card:nth-child(3) {
        animation: fadeInScale .5s .4s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .metric-card:nth-child(4) {
        animation: fadeInScale .5s .5s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .usp-card:nth-child(1) {
        animation: fadeInUp .5s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .usp-card:nth-child(2) {
        animation: fadeInUp .5s .3s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .usp-card:nth-child(3) {
        animation: fadeInUp .5s .4s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .usp-card:nth-child(4) {
        animation: fadeInUp .5s .5s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .method-step {
        animation: fadeInScale .4s calc(.15s + var(--i, 0) * .1s) cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .edu-item:nth-child(1) {
        animation: fadeInUp .5s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .edu-item:nth-child(2) {
        animation: fadeInUp .5s .35s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .edu-item:nth-child(3) {
        animation: fadeInUp .5s .5s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .contact-item:nth-child(1) {
        animation: fadeInUp .5s .2s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .contact-item:nth-child(2) {
        animation: fadeInUp .5s .3s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .contact-item:nth-child(3) {
        animation: fadeInUp .5s .4s cubic-bezier(.4, 0, .2, 1) both;
    }
    .slide.active .tool-badge {
        animation: fadeInScale .3s calc(.3s + var(--j, 0) * .05s) cubic-bezier(.4, 0, .2, 1) both;
    }
    
    /* Decorative elements */
    .slide-decor {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        filter: blur(80px);
        opacity: .15;
    }
    .slide-grid {
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: .03;
        background-image: linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px);
        background-size: 60px 60px;
    }
    .slide-vignette {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, .4) 100%);
    }
    .hero-avatar-glow {
        animation: pulseGlow 3s ease-in-out infinite;
    }
    .hero-name-gradient {
        background: linear-gradient(135deg, #fff 0%, #e2e8f0 50%, #fff 100%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        animation: shimmer 4s linear infinite;
    }
    .btn-primary {
        position: relative;
        overflow: hidden;
    }
    .btn-primary::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent);
        transition: none;
        animation: shimmer 3s ease-in-out infinite;
    }
    
    /* Hero Section */
    .hero-wrap {
        text-align: center;
        max-width: 900px;
        width: 100%;
    }
    .hero-name {
        font-family: 'Inter', sans-serif;
        font-size: clamp(2rem, 5vw, 3.4rem);
        font-weight: 800;
        color: #fff;
        letter-spacing: -.02em;
        line-height: 1.1;
        margin-bottom: 8px;
    }
    .hero-role {
        font-family: 'Roboto Mono', monospace;
        font-size: clamp(.85rem, 2vw, 1.15rem);
        color: #F97316;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin-bottom: 24px;
    }
    .hero-sub {
        font-family: 'Inter', sans-serif;
        font-size: clamp(1rem, 2.5vw, 1.5rem);
        color: rgba(255, 255, 255, .8);
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 36px;
    }
    .hero-tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 40px;
    }
    .hero-tag {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 980px;
        padding: 8px 18px;
        color: rgba(255, 255, 255, .85);
        font-family: 'Inter', sans-serif;
        font-size: .82rem;
        font-weight: 500;
        backdrop-filter: blur(10px);
    }
    .hero-tag i {
        color: #F97316;
        font-size: .75rem;
    }
    .hero-btns {
        display: flex;
        justify-content: center;
        gap: 14px;
        flex-wrap: wrap;
    }
    .btn-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 14px 30px;
        border-radius: 12px;
        font-family: 'Inter', sans-serif;
        font-size: .95rem;
        font-weight: 600;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: all .25s;
    }
    .btn-primary {
        background: #F97316;
        color: #fff;
        box-shadow: 0 4px 24px rgba(249, 115, 22, .35);
    }
    .btn-primary:hover {
        background: #ea6c0e;
        transform: translateY(-2px);
        box-shadow: 0 8px 32px rgba(249, 115, 22, .45);
    }
    .btn-outline {
        background: transparent;
        color: #fff;
        border: 2px solid rgba(255, 255, 255, .25);
    }
    .btn-outline:hover {
        border-color: #F97316;
        color: #F97316;
        transform: translateY(-2px);
    }
    
    /* Section Wraps */
    .section-wrap {
        max-width: 950px;
        width: 100%;
        padding: 0 20px;
    }
    .section-title {
        font-family: 'Inter', sans-serif;
        font-size: clamp(1.1rem, 2.5vw, 1.5rem);
        font-weight: 700;
        margin-bottom: 6px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .section-line {
        width: 40px;
        height: 3px;
        background: #F97316;
        border-radius: 4px;
        margin-bottom: 28px;
    }
    
    /* About Me Section */
    .about-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        align-items: start;
    }
    .about-text {
        font-family: 'Inter', sans-serif;
        font-size: .88rem;
        line-height: 1.7;
        color: rgba(255, 255, 255, .75);
    }
    .about-text p {
        margin-bottom: 14px;
    }
    .metrics-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .metric-card {
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 16px;
        padding: 20px;
        text-align: center;
        backdrop-filter: blur(10px);
        transition: all .25s;
    }
    .metric-card:hover {
        border-color: rgba(249, 115, 22, .25);
        transform: scale(1.03);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
    }
    .metric-val {
        font-family: 'Inter', sans-serif;
        font-size: clamp(1.5rem, 3vw, 2.2rem);
        font-weight: 800;
        color: #F97316;
        line-height: 1;
    }
    .metric-label {
        font-family: 'Inter', sans-serif;
        font-size: .72rem;
        color: rgba(255, 255, 255, .55);
        margin-top: 6px;
        line-height: 1.3;
        font-weight: 500;
    }
    
    /* Competencies Section */
    .comp-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        width: 100%;
    }
    .comp-card {
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 16px;
        padding: 22px;
        backdrop-filter: blur(10px);
        transition: all .25s;
    }
    .comp-card:hover {
        border-color: rgba(249, 115, 22, .3);
        background: rgba(255, 255, 255, .08);
        transform: translateY(-3px);
        box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
    }
    .comp-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        font-size: 1.2rem;
    }
    .comp-title {
        font-family: 'Inter', sans-serif;
        font-size: .92rem;
        font-weight: 700;
        margin-bottom: 6px;
    }
    .comp-desc {
        font-family: 'Inter', sans-serif;
        font-size: .75rem;
        color: rgba(255, 255, 255, .6);
        line-height: 1.5;
        margin-bottom: 8px;
    }
    .comp-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .comp-tool {
        font-family: 'Roboto Mono', monospace;
        font-size: .62rem;
        background: rgba(249, 115, 22, .12);
        color: #F97316;
        padding: 3px 8px;
        border-radius: 6px;
        font-weight: 500;
    }
    
    /* Projects Section */
    .project-card {
        background: rgba(255, 255, 255, .04);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 20px;
        padding: 32px;
        width: 100%;
        max-width: 850px;
        backdrop-filter: blur(10px);
        transition: all .3s;
    }
    .project-card:hover {
        border-color: rgba(249, 115, 22, .2);
        box-shadow: 0 12px 48px rgba(0, 0, 0, .2);
    }
    .project-header {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 18px;
    }
    .project-num {
        font-family: 'Inter', sans-serif;
        font-size: 2.5rem;
        font-weight: 900;
        color: rgba(249, 115, 22, .2);
        line-height: 1;
    }
    .project-title {
        font-family: 'Inter', sans-serif;
        font-size: 1.15rem;
        font-weight: 700;
    }
    .project-role {
        font-family: 'Roboto Mono', monospace;
        font-size: .75rem;
        color: #F97316;
        font-weight: 500;
    }
    .project-body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    .project-section h4 {
        font-family: 'Inter', sans-serif;
        font-size: .78rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .06em;
        margin-bottom: 8px;
        color: rgba(255, 255, 255, .45);
    }
    .project-section p,
    .project-section li {
        font-family: 'Inter', sans-serif;
        font-size: .82rem;
        color: rgba(255, 255, 255, .75);
        line-height: 1.6;
    }
    .project-section ul {
        list-style: none;
        padding: 0;
    }
    .project-section li {
        padding-left: 0;
        margin-bottom: 4px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }
    .result-icon {
        flex-shrink: 0;
        margin-top: 3px;
    }
    .project-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 16px;
    }
    .project-tag {
        font-family: 'Roboto Mono', monospace;
        font-size: .65rem;
        background: rgba(30, 58, 138, .4);
        color: rgba(255, 255, 255, .7);
        padding: 4px 10px;
        border-radius: 6px;
        border: 1px solid rgba(30, 58, 138, .6);
    }
    
    /* Methodology Section */
    .method-flow {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-wrap: wrap;
        margin-bottom: 28px;
        width: 100%;
    }
    .method-step {
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 14px;
        padding: 14px 18px;
        text-align: center;
        min-width: 120px;
        flex: 1;
        max-width: 160px;
    }
    .method-step-num {
        font-family: 'Roboto Mono', monospace;
        font-size: .65rem;
        color: #F97316;
        font-weight: 600;
        margin-bottom: 4px;
    }
    .method-step-title {
        font-family: 'Inter', sans-serif;
        font-size: .78rem;
        font-weight: 600;
        color: rgba(255, 255, 255, .9);
        line-height: 1.3;
    }
    .method-arrow {
        color: rgba(249, 115, 22, .4);
        font-size: 1.2rem;
        margin: 0 4px;
        flex-shrink: 0;
    }
    .tools-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }
    .tool-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 10px;
        padding: 10px 16px;
        font-family: 'Inter', sans-serif;
        font-size: .8rem;
        color: rgba(255, 255, 255, .8);
        font-weight: 500;
        transition: all .2s;
    }
    .tool-badge:hover {
        border-color: rgba(249, 115, 22, .3);
        background: rgba(255, 255, 255, .1);
    }
    .tool-badge i {
        font-size: 1rem;
    }
    
    /* Education Section */
    .edu-timeline {
        width: 100%;
        max-width: 750px;
    }
    .edu-item {
        display: flex;
        gap: 20px;
        margin-bottom: 24px;
        position: relative;
        padding: 12px;
        border-radius: 14px;
        transition: all .25s;
        margin-left: -12px;
    }
    .edu-item:hover {
        background: rgba(255, 255, 255, .03);
    }
    .edu-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #F97316;
        flex-shrink: 0;
        margin-top: 4px;
        box-shadow: 0 0 0 4px rgba(249, 115, 22, .2);
    }
    .edu-line {
        position: absolute;
        left: 6px;
        top: 18px;
        width: 2px;
        height: calc(100% + 10px);
        background: rgba(249, 115, 22, .15);
    }
    .edu-content h3 {
        font-family: 'Inter', sans-serif;
        font-size: .95rem;
        font-weight: 700;
        margin-bottom: 2px;
    }
    .edu-content .edu-place {
        font-family: 'Inter', sans-serif;
        font-size: .82rem;
        color: #F97316;
        font-weight: 500;
        margin-bottom: 2px;
    }
    .edu-content .edu-year {
        font-family: 'Roboto Mono', monospace;
        font-size: .72rem;
        color: rgba(255, 255, 255, .4);
        font-weight: 500;
    }
    .edu-content .edu-desc {
        font-family: 'Inter', sans-serif;
        font-size: .78rem;
        color: rgba(255, 255, 255, .55);
        margin-top: 4px;
        line-height: 1.5;
    }
    .lang-row {
        display: flex;
        gap: 16px;
        margin-top: 20px;
    }
    .lang-badge {
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 12px;
        padding: 12px 20px;
    }
    .lang-name {
        font-family: 'Inter', sans-serif;
        font-size: .85rem;
        font-weight: 600;
    }
    .lang-level {
        font-family: 'Inter', sans-serif;
        font-size: .72rem;
        color: rgba(255, 255, 255, .45);
    }
    
    /* USP Section */
    .usp-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        width: 100%;
        max-width: 800px;
    }
    .usp-card {
        background: rgba(255, 255, 255, .04);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 16px;
        padding: 24px;
        text-align: center;
        transition: all .25s;
    }
    .usp-card:hover {
        border-color: rgba(249, 115, 22, .25);
        transform: translateY(-2px);
    }
    .usp-icon {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }
    .usp-title {
        font-family: 'Inter', sans-serif;
        font-size: .88rem;
        font-weight: 700;
        margin-bottom: 6px;
    }
    .usp-desc {
        font-family: 'Inter', sans-serif;
        font-size: .75rem;
        color: rgba(255, 255, 255, .55);
        line-height: 1.5;
    }
    
    /* Contacts Section */
    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        width: 100%;
        max-width: 800px;
    }
    .contact-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .contact-item {
        display: flex;
        align-items: center;
        gap: 14px;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 14px;
        padding: 16px 20px;
        transition: all .2s;
    }
    .contact-item:hover {
        border-color: rgba(249, 115, 22, .3);
        background: rgba(255, 255, 255, .08);
    }
    .contact-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        flex-shrink: 0;
    }
    .contact-info {
        display: flex;
        flex-direction: column;
    }
    .contact-label {
        font-family: 'Inter', sans-serif;
        font-size: .68rem;
        color: rgba(255, 255, 255, .4);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .05em;
    }
    .contact-val {
        font-family: 'Inter', sans-serif;
        font-size: .88rem;
        font-weight: 600;
    }
    .contact-cta {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        text-align: center;
    }
    .contact-cta-text {
        font-family: 'Inter', sans-serif;
        font-size: .88rem;
        color: rgba(255, 255, 255, .6);
        line-height: 1.6;
    }
    
    /* Final Section */
    .final-wrap {
        text-align: center;
        max-width: 700px;
    }
    .final-quote {
        font-family: 'Inter', sans-serif;
        font-size: clamp(1.1rem, 2.5vw, 1.6rem);
        font-weight: 300;
        color: rgba(255, 255, 255, .8);
        line-height: 1.6;
        font-style: italic;
        margin-bottom: 32px;
    }
    .final-quote span {
        color: #F97316;
        font-weight: 600;
        font-style: normal;
    }
    .final-name {
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 4px;
    }
    .final-title {
        font-family: 'Roboto Mono', monospace;
        font-size: .8rem;
        color: #F97316;
    }
    
    /* === МОБИЛЬНАЯ АДАПТАЦИЯ === */
    <span style="color: hsl(var(--primary)); font-weight: 500;">@media</span> (max-width: 1024px) {
        .slide {
            padding: 30px;
            align-items: flex-start;
            justify-content: flex-start;
            overflow-y: auto;
        }
        .hero-wrap,
        .section-wrap,
        .project-card,
        .final-wrap {
            margin-top: 40px;
        }
        .hero-name {
            font-size: clamp(1.8rem, 6vw, 2.8rem);
        }
        .hero-role {
            font-size: clamp(0.75rem, 2.5vw, 1rem);
        }
        .hero-sub {
            font-size: clamp(0.9rem, 3vw, 1.3rem);
            margin-bottom: 28px;
        }
        .hero-tags {
            gap: 8px;
            margin-bottom: 30px;
        }
        .hero-tag {
            padding: 6px 14px;
            font-size: 0.75rem;
        }
        .hero-btns {
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .btn-cta {
            width: 100%;
            max-width: 280px;
            justify-content: center;
            padding: 12px 20px;
        }
    }
    
    <span style="color: hsl(var(--primary)); font-weight: 500;">@media</span> (max-width: 768px) {
        body {
            overflow: auto;
            height: auto;
            min-height: 100vh;
        }
        .slide {
            position: relative !important;
            opacity: 1 !important;
            transform: none !important;
            pointer-events: auto !important;
            display: block !important;
            padding: 80px 16px 100px 16px !important;
            min-height: 100vh !important;
            overflow-y: visible !important;
            height: auto !important;
            width: 100% !important;
            inset: auto !important;
        }
        .slide.active,
        .slide.prev {
            opacity: 1 !important;
            transform: none !important;
        }
        .slide.active .hero-wrap,
        .slide.active .section-wrap,
        .slide.active .project-card,
        .slide.active .final-wrap,
        .slide.active .hero-name,
        .slide.active .hero-role,
        .slide.active .hero-sub,
        .slide.active .hero-tags,
        .slide.active .hero-btns,
        .slide.active .section-title,
        .slide.active .section-line,
        .slide.active .comp-card,
        .slide.active .metric-card,
        .slide.active .usp-card,
        .slide.active .method-step,
        .slide.active .edu-item,
        .slide.active .contact-item,
        .slide.active .tool-badge {
            animation: none !important;
            opacity: 1 !important;
            transform: none !important;
        }
        .slide-decor,
        .slide-grid,
        .slide-vignette {
            display: none !important;
        }
        .hero-wrap {
            padding-top: 20px;
            padding-bottom: 30px;
        }
        .section-wrap,
        .project-card,
        .final-wrap {
            padding-top: 20px;
        }
        .hero-name {
            font-size: clamp(1.6rem, 7vw, 2.2rem);
            margin-bottom: 6px;
        }
        .hero-role {
            font-size: clamp(0.7rem, 2.5vw, 0.85rem);
            margin-bottom: 16px;
        }
        .hero-sub {
            font-size: clamp(0.85rem, 3.5vw, 1.1rem);
            margin-bottom: 24px;
            line-height: 1.4;
        }
        .hero-tags {
            gap: 6px;
            margin-bottom: 24px;
        }
        .hero-tag {
            padding: 5px 12px;
            font-size: 0.7rem;
        }
        .hero-btns {
            flex-direction: column;
            align-items: stretch;
            gap: 8px;
            max-width: 280px;
            margin-left: auto;
            margin-right: auto;
        }
        .btn-cta {
            width: 100%;
            padding: 10px 18px;
            font-size: 0.9rem;
        }
        .section-wrap {
            padding: 0 10px;
        }
        .section-title {
            font-size: clamp(1rem, 4vw, 1.2rem);
        }
        .about-grid,
        .comp-grid,
        .project-body,
        .contact-grid,
        .usp-grid,
        .metrics-grid {
            grid-template-columns: 1fr !important;
            gap: 16px;
        }
        .metric-card,
        .comp-card,
        .usp-card {
            padding: 16px;
        }
        .metric-val {
            font-size: clamp(1.3rem, 5vw, 1.8rem);
        }
        .metric-label {
            font-size: 0.7rem;
        }
        .project-card {
            padding: 20px 16px;
        }
        .project-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            margin-bottom: 16px;
        }
        .project-num {
            font-size: 1.8rem;
        }
        .project-title {
            font-size: 1rem;
        }
        .project-role {
            font-size: 0.7rem;
        }
        .project-section p,
        .project-section li {
            font-size: 0.8rem;
            line-height: 1.5;
        }
        .method-flow {
            flex-direction: column;
            gap: 10px;
        }
        .method-arrow {
            transform: rotate(90deg);
            margin: 4px 0;
            font-size: 1rem;
        }
        .method-step {
            width: 100%;
            max-width: 100%;
            padding: 12px 16px;
        }
        .tools-grid {
            gap: 6px;
        }
        .tool-badge {
            padding: 8px 12px;
            font-size: 0.75rem;
        }
        .edu-item {
            flex-direction: column;
            gap: 8px;
            margin-bottom:20px;
            padding: 12px 0;
        }
        .edu-dot {
            align-self: flex-start;
        }
        .edu-line {
            left: 6px;
            top: 24px;
        }
        .lang-row {
            flex-direction: column;
            gap: 8px;
        }
        .lang-badge {
            padding: 10px 16px;
        }
        .contact-item {
            padding: 12px 16px;
        }
        .contact-icon {
            width: 32px;
            height: 32px;
            font-size: 0.9rem;
        }
        .contact-label {
            font-size: 0.65rem;
        }
        .contact-val {
            font-size: 0.85rem;
        }
        .final-wrap {
            padding: 30px 0;
        }
        .final-quote {
            font-size: clamp(1rem, 4vw, 1.3rem);
            line-height: 1.4;
            margin-bottom: 24px;
        }
    }
}