@import"https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&family=Boogaloo&family=Inconsolata:wght@200..900&family=Love+Ya+Like+A+Sister&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Mouse+Memoirs&family=Road+Rage&family=Roboto+Condensed:ital,wght@0,100..900&display=swap";:root{--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-card: #ffffff;--color-text: #111111;--color-text-alt: #333333;--color-primary: #b00000;--color-secondary: #9a6700;--color-green: #1f7a3f;--color-green-light: #e8f5ee;--color-blue: #1d4ed8;--color-blue-dark: #1e3a8a;--color-blue-light: #eff6ff;--color-purple: #6d4aa2;--color-purple-light: #f3edff;--color-focus: #f59e0b;--color-shadow: rgba(0, 0, 0, .14);--color-footer: #111111;--button-bg: #ffffff;--button-text: #111111;--button-border: #111111;--button-shadow: #111111;--button-hover-bg: #111111;--button-hover-text: #ffffff;--font-main: "Mali", sans-serif;--font-doodle: "Love Ya Like A Sister", "Mali", cursive}body.dark-mode{--color-bg: #111111;--color-bg-alt: #1b1b1b;--color-card: #181818;--color-text: #ffffff;--color-text-alt: #e5e5e5;--color-primary: #ff6b6b;--color-secondary: #ffd166;--color-green: #7ee2a8;--color-green-light: #173522;--color-blue: #93c5fd;--color-blue-dark: #bfdbfe;--color-blue-light: #172033;--color-purple: #d8b4fe;--color-purple-light: #2a1f35;--color-focus: #ffd166;--color-shadow: rgba(255, 255, 255, .14);--color-footer: #000000;--button-bg: #111111;--button-text: #ffffff;--button-border: #ffffff;--button-shadow: #ffffff;--button-hover-bg: #ffffff;--button-hover-text: #111111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-main)}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.heart{color:var(--color-primary)}.logo,.nav button,.dark-toggle,.lang-buttons button,.home-button,.about-button,.project-button,.filter-button,.what-cta a,.life-cta a,.gallery-close,.gallery-controls button,.scroll-rotate-button{background:var(--button-bg);color:var(--button-text);border:3px solid var(--button-border);border-radius:12px;font-weight:700;cursor:pointer;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.logo:hover,.nav button:hover,.dark-toggle:hover,.lang-buttons button:hover,.home-button:hover,.about-button:hover,.project-button:hover,.filter-button:hover,.what-cta a:hover,.life-cta a:hover,.gallery-close:hover,.gallery-controls button:hover,.scroll-rotate-button:hover{background:var(--button-hover-bg);color:var(--button-hover-text);transform:translateY(-3px);box-shadow:5px 5px 0 var(--button-shadow)}html,body,#root,.App{width:100%;min-width:0;margin:0;padding:0}.App{min-height:100vh;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;padding:14px 32px;background:#111;color:#fff}body.dark-mode .header{background:#fff;color:#111}.header,.header *{box-sizing:border-box}.header-top{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.header .logo{justify-self:start}.header .nav{justify-self:center}.header .right-section{justify-self:end}.header .logo,.header .nav button,.header .lang-buttons button,.header .dark-toggle{background:transparent;color:currentColor;border:none;box-shadow:none;cursor:pointer;font-family:var(--font-doodle);font-weight:700}.header .logo:hover,.header .nav button:hover,.header .lang-buttons button:hover,.header .dark-toggle:hover{background:#fff;color:#111;transform:translateY(-3px)}body.dark-mode .header .logo:hover,body.dark-mode .header .nav button:hover,body.dark-mode .header .lang-buttons button:hover,body.dark-mode .header .dark-toggle:hover{background:#111;color:#fff}.logo{padding:6px 10px;font-size:1.7rem;white-space:nowrap}.logo span{color:#d60000}.nav{display:flex;align-items:center;justify-content:center;gap:14px}.nav button{padding:7px 12px;border-radius:10px;font-size:1.1rem;white-space:nowrap}.right-section{display:flex;align-items:center;gap:8px}.lang-buttons{display:flex;align-items:center;gap:6px}.lang-buttons button{padding:6px 8px;font-size:1.1rem}.dark-toggle{width:36px;height:36px;display:grid;place-items:center;font-size:1.1rem}main{padding-top:82px}@media (max-width: 1199px){.header-top{grid-template-columns:1fr;justify-items:center;gap:8px}.header .logo,.header .nav,.header .right-section{justify-self:center}main{padding-top:145px}}@media (max-width: 991px){.nav{flex-wrap:wrap;gap:8px}.nav button,.lang-buttons button{font-size:.95rem}}@media (max-width: 767px){.header{padding:10px 12px}.logo{font-size:1.35rem}.nav{width:100%;display:grid;grid-template-columns:repeat(3,auto);gap:6px}main{padding-top:175px}}@media (max-width: 575px){.logo{font-size:1rem}.nav{grid-template-columns:repeat(2,auto)}.nav button{font-size:.72rem;padding:5px 7px}.lang-buttons button{font-size:.72rem;padding:4px 6px}.dark-toggle{width:28px;height:28px;font-size:.75rem}main{padding-top:165px}}@media (max-width: 360px){.header{padding:10px 8px}.nav button{font-size:.68rem}main{padding-top:170px}}.home-page{width:100%;min-height:100vh;background:var(--color-bg);overflow:hidden}.home-hero{width:100%;max-width:1800px;margin:0 auto;padding:.75rem 3vw 3rem;display:grid;grid-template-columns:minmax(460px,.9fr) minmax(760px,1.4fr);align-items:start;gap:3rem;background:var(--color-bg)}.home-big-text{width:100%;min-width:0}.home-big-text h1{margin:0;font-family:var(--font-doodle);font-size:clamp(6rem,8vw,11rem);line-height:.8;letter-spacing:-.08em;color:#531800}body.dark-mode .home-big-text h1{color:#fff3e8}.home-word{display:block;white-space:nowrap;line-height:.95;margin-bottom:.12em}.home-hover-letter{display:inline-block;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.home-hover-letter:hover{color:var(--hover-color);transform:translateY(-10px) rotate(-2deg) scale(1.05);text-shadow:4px 4px 0 var(--button-shadow)}.home-intro-card{width:100%;max-width:980px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text)}.home-logo-group{position:relative;width:fit-content;margin:0 0 1.2rem}.home-page .home-floating-logo.logo-main{width:clamp(220px,18vw,280px);height:auto;margin:0;display:block;object-fit:contain;background:transparent;border:6px solid black;border-radius:20px;padding:0;box-shadow:0 18px 28px #00000029}.home-page .logo-side-item{position:absolute;top:45%;left:calc(100% + 28px);z-index:3;width:clamp(120px,13vw,220px);height:auto;margin:0;background:transparent;border:none;padding:0;box-shadow:none;object-fit:contain;animation:floatSide 4s ease-in-out infinite}.home-kicker{margin:0 0 .4rem;font-family:var(--font-doodle);font-size:1.35rem;color:var(--color-text)}.home-name{margin:0;font-family:var(--font-doodle);font-size:clamp(3rem,4vw,5rem);line-height:1;white-space:nowrap}.name-space{display:inline-block;width:.35em}.letter{display:inline-block;transition:color .2s ease,transform .2s ease}.letter:hover{color:var(--color-secondary);transform:translateY(-8px) rotate(-3deg) scale(1.08)}.color-1,.color-10{color:var(--color-primary)}.color-2{color:var(--color-secondary)}.color-3,.color-9{color:var(--color-text)}.color-4{color:var(--color-purple)}.color-5{color:#b45309}.color-6{color:var(--color-blue)}.color-7{color:var(--color-green)}.color-8{color:#be123c}body.dark-mode .color-5{color:#fbbf24}body.dark-mode .color-8{color:#fb7185}.home-subtitle{width:100%;margin:1rem 0 0;font-size:clamp(1.1rem,1.5vw,1.6rem);font-weight:700;white-space:nowrap;color:#ea047e}.home-description{width:100%;margin:1rem 0 0;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.6;font-weight:600;color:var(--color-text)}.home-actions{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem}.home-button{min-height:52px;padding:.85rem 1.6rem;display:inline-flex;align-items:center;justify-content:center}.home-about-box{margin-top:1.5rem;padding:1.3rem;background:var(--color-card);color:var(--color-text);border:3px solid var(--button-border);border-radius:18px;box-shadow:5px 5px 0 var(--button-shadow);animation:aboutFadeIn .3s ease}.home-about-box p{margin-bottom:.8rem;line-height:1.7;font-weight:600}.home-about-box p:last-child{margin-bottom:0}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.cursor-dot{position:fixed;width:16px;height:16px;border-radius:50%;filter:blur(1px);opacity:.75;transform:translate(-50%,-50%);animation:cursorFade .55s ease forwards}@keyframes floatSide{0%{transform:translateY(-50%) translateY(0) rotate(-6deg)}50%{transform:translateY(-50%) translateY(-12px) rotate(5deg)}to{transform:translateY(-50%) translateY(0) rotate(-6deg)}}@media (min-width: 1400px){.home-hero{grid-template-columns:minmax(500px,.9fr) minmax(820px,1.4fr);padding-inline:4vw}}@media (max-width: 1399px){.home-hero{grid-template-columns:minmax(430px,.85fr) minmax(680px,1.15fr);gap:2.5rem}.home-big-text h1{font-size:clamp(5.5rem,8vw,9rem);line-height:1}.home-name{font-size:clamp(2.8rem,3.8vw,4.2rem)}.home-page .home-floating-logo.logo-main{width:240px}.home-page .logo-side-item{width:170px}}@media (max-width: 1199px){.home-hero{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:2rem;padding-inline:3vw}.home-big-text h1{font-size:clamp(4.8rem,8vw,7rem)}.home-name{font-size:clamp(2.5rem,3.5vw,3.6rem)}.home-page .home-floating-logo.logo-main{width:220px}.home-page .logo-side-item{width:140px;left:calc(100% + 18px)}}@media (max-width: 991px){.home-hero{grid-template-columns:1fr;padding:1.5rem 2rem 3rem;gap:2rem}.home-big-text h1{font-size:clamp(4rem,15vw,7rem)}.home-intro-card{max-width:100%}.home-name{white-space:normal;font-size:clamp(2.8rem,8vw,4.2rem)}.home-subtitle{white-space:normal}}@media (max-width: 767px){.home-hero{padding:1.5rem 1.5rem 3rem}.home-big-text h1{font-size:clamp(3.5rem,16vw,5.8rem)}.home-page .home-floating-logo.logo-main{width:210px}.home-page .logo-side-item{width:90px;left:calc(100% + 12px)}.home-name{font-size:clamp(2.5rem,8vw,3.8rem)}}@media (max-width: 575px){.home-hero{padding:1rem 1rem 3rem}.home-big-text h1{font-size:clamp(3rem,18vw,4.6rem);line-height:.88}.home-word{white-space:normal}.home-page .home-floating-logo.logo-main{width:170px;border-width:5px}.home-page .logo-side-item{width:64px;left:calc(100% + 8px)}.home-name{white-space:normal;font-size:clamp(2.2rem,11vw,3rem)}.home-subtitle{font-size:1rem;white-space:normal}.home-actions{width:100%;flex-direction:column}.home-button{width:100%}}@media (max-width: 360px){.home-hero{padding:1rem .75rem 2.5rem}.home-big-text h1{font-size:2.8rem}.home-page .home-floating-logo.logo-main{width:150px}.home-page .logo-side-item{display:none}.home-name{font-size:2rem}.home-description{font-size:.95rem}}.projects-page{min-height:100vh;padding:100px 4vw 80px;background:var(--color-bg)}.projects-hero,.projects-content{width:100%;max-width:1500px;margin-inline:auto}.projects-hero{margin-bottom:70px}.projects-hero-text h1{margin-bottom:20px;font-size:clamp(3.5rem,5vw,5.5rem);color:var(--color-text);font-family:var(--font-main)}.projects-hero-text p{max-width:560px;font-size:1.4rem;line-height:1.8;color:#059212}.project-filters{margin-bottom:55px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.filter-button{padding:10px 24px;border-radius:999px}.filter-button.active{background:#14c38e;color:#000}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.project-card{min-height:460px;padding:22px;display:flex;flex-direction:column;background:var(--color-card);border-radius:22px;box-shadow:0 8px 24px var(--color-shadow);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.03);box-shadow:0 12px 32px var(--color-shadow)}.project-image{width:100%;height:190px;object-fit:cover;border-radius:16px;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.project-tags span{padding:5px 10px;background:#e3fcbf;color:#059212;border-radius:999px;font-size:.75rem;font-weight:600}.project-card h2{margin-bottom:12px;font-size:1.35rem;color:var(--color-text)}.project-card p{flex-grow:1;margin-bottom:24px;font-size:1rem;line-height:1.7;color:var(--color-text-alt)}.project-button{margin-top:auto;width:fit-content;padding:12px 24px}.projects-hover-letter{display:inline-block;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.projects-hover-letter:hover{color:var(--hover-color);transform:translateY(-8px) rotate(-2deg) scale(1.06);text-shadow:3px 3px 0 #00ffab}.projects-title-red{color:inherit}@media (min-width: 1400px){.projects-page{padding-inline:5vw}.projects-hero,.projects-content{max-width:1550px}}@media (max-width: 1399px){.projects-page{padding-inline:4vw}.projects-hero,.projects-content{max-width:1250px}.project-grid{gap:28px}}@media (max-width: 1199px){.projects-page{padding:140px 4vw 70px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 991px){.projects-page{padding:150px 5vw 70px}.projects-hero{text-align:center}.projects-hero-text p{margin-inline:auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.projects-page{padding:170px 1.25rem 60px}.projects-hero{margin-bottom:45px}.projects-hero-text h1{font-size:3.2rem}.projects-hero-text p{font-size:1.15rem}.project-filters{gap:12px}.filter-button{padding:9px 18px}.project-grid{gap:24px}}@media (max-width: 575px){.projects-page{padding:175px 1rem 50px}.projects-hero{margin-bottom:35px}.projects-hero-text h1{font-size:2.7rem}.projects-hero-text p{font-size:1rem;line-height:1.7}.project-filters{margin-bottom:35px;justify-content:center;gap:10px}.filter-button{padding:8px 14px;font-size:.85rem}.project-grid{grid-template-columns:1fr}.project-card{min-height:auto}.project-image{height:180px}}@media (max-width: 360px){.projects-page{padding:65px .75rem 45px}.projects-hero-text h1{font-size:2.4rem}.project-filters{display:grid;grid-template-columns:repeat(2,1fr)}.filter-button{width:100%;padding:8px 10px;font-size:.78rem}.project-image{height:160px}}.what-page{min-height:100vh;padding:140px 4vw 80px;background:var(--color-bg)}.what-hero,.what-section,.what-two-columns,.what-cta{width:100%;max-width:1500px;margin-inline:auto}.what-hero{margin-bottom:80px}.what-hero-text h1,.what-section h2{font-family:var(--font-doodle);color:var(--color-text)}.what-hero-text h1{margin-bottom:20px;font-size:clamp(3.5rem,5vw,5.5rem)}.what-section h2{margin-bottom:40px;text-align:center;font-size:clamp(2.3rem,4vw,3.5rem)}.what-hero-text p{max-width:760px;font-size:1.55rem;line-height:1.8;font-weight:700;color:#ff0080}.what-hover-letter{display:inline-block;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.what-hover-letter:hover{color:var(--hover-color);transform:translateY(-8px) rotate(-2deg) scale(1.06);text-shadow:3px 3px 0 #ff5580}.what-section{margin-bottom:80px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.service-card,.info-card{background:var(--color-card);border:3px solid var(--button-border);box-shadow:5px 5px 0 var(--button-shadow)}.service-card{min-height:340px;padding:28px;display:flex;flex-direction:column;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:scale(1.03);box-shadow:8px 8px 0 var(--button-shadow)}.service-icon{margin-bottom:18px;font-size:2.6rem}.service-card h3{margin-bottom:14px;font-size:1.45rem;color:var(--color-text)}.service-card p{margin-bottom:20px;font-size:1.25rem;line-height:1.8;color:var(--color-text-alt)}.service-card ul{margin-top:auto;padding:0;list-style:none}.service-card li{margin-bottom:10px;color:var(--color-blue-dark);font-size:1.05rem;font-weight:700}.info-list{display:grid;gap:18px}.info-card{padding:20px 24px;color:var(--color-text);border-radius:16px;font-size:1.08rem;line-height:1.7;font-weight:700}.skills-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;align-items:start;text-align:center}.skill-mini-card{padding:10px}.skill-mini-icon{margin-bottom:12px;font-size:3rem}.skill-mini-card h3{margin-bottom:8px;font-family:var(--font-doodle);font-size:1.35rem;color:var(--color-text)}.skill-mini-card p{font-size:1.08rem;line-height:1.6;color:var(--color-text-alt)}.what-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.what-two-columns .what-section{margin-bottom:0}.what-cta{max-width:760px;margin-top:80px;padding:34px;text-align:center;background:#ff00801f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:3px dashed #FF0080;border-radius:24px;box-shadow:none}.what-cta h2{margin-bottom:12px;color:#ff0080}.what-cta p{margin-bottom:24px;color:#ff5580;font-weight:700}.what-cta a{display:inline-block;padding:12px 26px}[data-theme=dark] .what-cta{background:#ff00801f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ff0080}[data-theme=dark] .what-cta h2{color:#ff0080}[data-theme=dark] .what-cta p{color:#ff5580}@media (min-width: 1400px){.what-page{padding-inline:5vw}.what-hero,.what-section,.what-two-columns{max-width:1550px}}@media (max-width: 1399px){.what-page{padding-inline:4vw}.what-hero,.what-section,.what-two-columns{max-width:1250px}}@media (max-width: 1199px){.what-page{padding:140px 4vw 70px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.what-page{padding:150px 5vw 70px}.what-hero{text-align:center}.what-hero-text p{margin-inline:auto}.what-two-columns{grid-template-columns:1fr}.skills-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.what-page{padding:170px 1.25rem 60px}.what-hero{margin-bottom:55px}.what-section{margin-bottom:60px}.service-grid{grid-template-columns:1fr}.what-hero-text h1{font-size:3.2rem}.what-hero-text p{font-size:1.15rem}}@media (max-width: 575px){.what-page{padding:175px 1rem 50px}.what-hero-text h1{font-size:2.7rem}.what-section h2{font-size:2.2rem}.what-hero-text p{font-size:1.05rem;line-height:1.7}.service-card{min-height:auto;padding:22px}.info-card{padding:16px 18px;font-size:1rem}.skills-strip{grid-template-columns:1fr}.what-cta{padding:26px 18px}}@media (max-width: 360px){.what-page{padding:180px .75rem 45px}.what-hero-text h1{font-size:2.4rem}.what-section h2{font-size:2rem}.service-card{padding:20px}.service-card h3,.what-cta h2{font-size:1.2rem}}.service-icon{margin-bottom:18px}.service-icon-img{width:170px;height:160px;object-fit:contain;display:block;animation:floatIcon 5s ease-in-out infinite}.skill-mini-icon{margin-bottom:14px}.skill-mini-icon-img{width:500px;height:100px;object-fit:contain;display:block;margin:0 auto}@keyframes floatIcon{0%{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-6px) rotate(2deg)}50%{transform:translateY(-12px) rotate(-2deg)}75%{transform:translateY(-6px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.life-page{min-height:100vh;padding:120px 4vw 80px;background:var(--color-bg)}.life-hero,.life-section,.life-cta{width:100%;max-width:1500px;margin-inline:auto}.life-hero{margin-bottom:70px}.life-hero-text h1{margin-bottom:20px;font-family:var(--font-doodle);font-size:clamp(3.5rem,6vw,5.5rem);color:var(--color-text)}.life-hero-text p{max-width:760px;font-size:1.4rem;line-height:1.8;font-weight:700;color:var(--color-purple)}.life-section{margin-bottom:80px}.life-section h2{margin-bottom:34px;font-family:var(--font-doodle);font-size:2.6rem;color:var(--color-text)}.gallery-subsection{margin-bottom:64px}.gallery-subsection:last-child{margin-bottom:0}.gallery-subsection h3{margin-bottom:26px;font-family:var(--font-doodle);font-size:2rem;color:var(--color-text)}.gallery-hover-letter{display:inline-block;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.gallery-hover-letter:hover{color:var(--hover-color);transform:translateY(-8px) rotate(-2deg) scale(1.06);text-shadow:3px 3px 0 var(--button-shadow)}.gallery-carousel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gallery-carousel-card{padding:18px;background:var(--color-card);border:3px solid var(--button-border);border-radius:22px;box-shadow:5px 5px 0 var(--button-shadow)}.gallery-carousel-image-wrap{position:relative;width:100%;height:260px;overflow:hidden;border-radius:16px;background:var(--button-bg)}.gallery-carousel-image{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#111111a6;color:#fff;font-size:2rem;transform:translateY(-50%)}.gallery-arrow:hover{background:var(--color-primary);color:#fff}.gallery-arrow-left{left:12px}.gallery-arrow-right{right:12px}.gallery-carousel-info{min-height:78px;padding-top:16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.gallery-carousel-info h4{margin:0;font-size:1.1rem;color:var(--color-text)}.gallery-carousel-info span{color:var(--color-primary);font-weight:700}.life-timeline{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.life-timeline:before{content:"";position:absolute;top:18px;left:5%;right:5%;height:3px;background:var(--color-purple);opacity:.35}.life-timeline-item{position:relative;z-index:1;text-align:center}.life-timeline-dot{width:18px;height:18px;margin:8px auto 12px;background:var(--color-purple);border:3px solid var(--color-bg);border-radius:50%}.life-timeline-icon{margin-bottom:8px;font-size:2rem}.life-timeline-item strong{display:inline-block;margin-bottom:10px;padding:6px 12px;background:var(--color-purple-light);color:var(--color-purple);border-radius:999px;font-size:.85rem}.life-timeline-item p{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-text-alt)}.life-cta{max-width:820px;margin-top:70px;padding:34px;text-align:center;background:var(--color-purple-light);border:3px dashed var(--color-purple);border-radius:24px}.life-cta h2{margin-bottom:12px;color:var(--color-text)}.life-cta p{margin-bottom:24px;color:var(--color-purple);font-weight:700}.life-cta a{display:inline-block;padding:12px 26px}@media (min-width: 1400px){.life-page{padding-inline:5vw}}@media (max-width: 1399px){.life-hero,.life-section{max-width:1250px}}@media (max-width: 1199px){.life-page{padding:120px 4vw 70px}.gallery-carousel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.life-timeline:before{display:none}}@media (max-width: 991px){.life-page{padding:140px 5vw 70px}.life-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.life-page{padding:160px 1.25rem 60px}.life-hero{margin-bottom:50px}.gallery-carousel-grid,.life-timeline{grid-template-columns:1fr}}@media (max-width: 575px){.life-page{padding:170px 1rem 50px}.life-hero-text h1{font-size:2.7rem}.life-hero-text p{font-size:1rem}.life-section h2{font-size:2rem}.gallery-subsection h3{font-size:1.6rem}.gallery-carousel-image-wrap{height:220px}.life-cta{padding:26px 18px}}@media (max-width: 360px){.life-page{padding:180px .75rem 45px}.gallery-carousel-card{padding:14px}.gallery-carousel-image-wrap{height:200px}.gallery-arrow{width:36px;height:36px;font-size:1.6rem}}.contact-page{--contact-blue-dark: #4300ff;--contact-github: #0065f8;--contact-linkedin: #00caff;--contact-instagram: #00ffde;--contact-black: #111111;--contact-white: #ffffff;min-height:100vh;padding:110px 20px 60px;background:#fff;color:var(--contact-black)}body.dark .contact-page{background:#111;color:#fff}.contact-container{width:min(1320px,100%);margin:0 auto}.contact-hero{min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:40px 0 70px}.contact-title{margin:0 0 24px;font-family:var(--font-doodle);font-size:clamp(3rem,6.5vw,6.3rem);line-height:.9;letter-spacing:1px;color:inherit}.contact-subtitle{max-width:520px;margin:0;font-family:var(--font-body);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.7;color:inherit}.contact-hero-image-wrap{display:flex;justify-content:center;align-items:center}.contact-hero-image{width:min(500px,100%);height:auto;object-fit:contain;animation:contactFloat 4s ease-in-out infinite}.hover-text{display:inline}.hover-word{display:inline-block;white-space:nowrap}.hover-letter{display:inline-block;transition:color .2s ease,transform .2s ease}.hover-letter:hover{color:var(--hover-color);transform:translateY(-6px) rotate(-3deg)}.hover-space{display:inline}.contact-grid{display:grid;grid-template-columns:minmax(640px,1.35fr) minmax(430px,.85fr);gap:36px;align-items:stretch}.contact-side{display:grid;gap:36px}.contact-card{position:relative;padding:36px;background:var(--contact-white);color:var(--contact-black);border:2px solid var(--contact-black);border-radius:28px;box-shadow:8px 8px 0 var(--contact-black);overflow:hidden}.contact-card:before{content:"";position:absolute;top:18px;right:18px;width:52px;height:52px;background:radial-gradient(circle,var(--contact-blue-dark) 2px,transparent 3px);background-size:12px 12px;opacity:.28}.contact-card h2{margin:0 0 14px;font-family:var(--font-doodle);font-size:clamp(2rem,2.6vw,3rem);line-height:1.05;color:var(--contact-black)}.contact-connect-title{max-width:100%;font-size:clamp(2rem,2vw,2.45rem)!important;line-height:1.08!important;word-break:normal;overflow-wrap:normal}.contact-card p{margin:0;font-size:1.05rem;line-height:1.7;color:var(--contact-black)}.contact-card-header{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.contact-card-icon{flex:0 0 auto;margin-top:8px;font-size:2rem;color:var(--contact-blue-dark)}.contact-form{display:grid;gap:12px}.contact-form label{margin-top:8px;font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--contact-black)}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:1rem;color:var(--contact-black);background:var(--contact-white);border:2px solid var(--contact-black);border-radius:18px;outline:none;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--contact-blue-dark);box-shadow:4px 4px 0 var(--contact-blue-dark);transform:translate(-2px,-2px)}.contact-form textarea{resize:vertical;min-height:150px}.contact-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}.contact-send-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;font-family:var(--font-body);font-size:1rem;font-weight:700;color:#fff;background:var(--contact-blue-dark);border:2px solid var(--contact-black);border-radius:999px;box-shadow:4px 4px 0 var(--contact-black);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.contact-send-button:hover{background:var(--contact-github);transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--contact-black)}.contact-form-actions span{font-size:.95rem;color:var(--contact-black)}.contact-links{display:grid;gap:16px;margin-top:24px}.contact-link-item{display:flex;align-items:center;gap:14px;padding:14px;color:var(--contact-black);text-decoration:none;background:var(--contact-white);border:2px solid var(--contact-black);border-radius:20px;box-shadow:4px 4px 0 var(--contact-black);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.contact-link-item:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--contact-black)}.contact-link-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;font-size:1.35rem;color:#fff;border:2px solid var(--contact-black);border-radius:50%}.contact-link-item:nth-child(1) .contact-link-icon{background:var(--contact-github)}.contact-link-item:nth-child(1):hover{background:#0065f81f}.contact-link-item:nth-child(2) .contact-link-icon{background:var(--contact-linkedin)}.contact-link-item:nth-child(2):hover{background:#00caff29}.contact-link-item:nth-child(3) .contact-link-icon{background:var(--contact-instagram);color:var(--contact-black)}.contact-link-item:nth-child(3):hover{background:#00ffde2e}.contact-link-item strong{display:block;margin-bottom:3px;font-size:1rem;color:var(--contact-black)}.contact-link-item small{display:block;font-size:.86rem;line-height:1.35;color:var(--contact-black);opacity:.85;word-break:break-word}.contact-connect-card{min-height:260px;display:flex;flex-direction:column;justify-content:center}.contact-paper-plane{position:absolute;right:26px;bottom:20px;font-size:3rem;color:var(--contact-blue-dark);transform:rotate(-12deg);opacity:.65;animation:paperPlaneMove 3s ease-in-out infinite}.contact-bottom{margin-top:58px;text-align:center}.contact-bottom p{margin:0 0 10px;font-family:var(--font-doodle);font-size:clamp(2rem,4vw,3rem);color:inherit}.contact-bottom span{display:inline-block;padding:0;font-weight:700;color:inherit;background:transparent;border:none;box-shadow:none}@keyframes contactFloat{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes paperPlaneMove{0%{transform:translate(0) rotate(-12deg)}50%{transform:translate(8px,-8px) rotate(4deg)}to{transform:translate(0) rotate(-12deg)}}@media (max-width: 575px){.contact-page{padding:90px 16px 48px}.contact-container{width:100%}.contact-hero{min-height:auto;grid-template-columns:1fr;gap:28px;padding:30px 0 48px;text-align:center}.contact-title{font-size:clamp(2.7rem,14vw,4.2rem)}.contact-subtitle{margin:0 auto;font-size:1rem}.contact-hero-image{width:min(280px,100%)}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-side{gap:28px}.contact-card{padding:24px 20px;border-radius:24px;box-shadow:6px 6px 0 var(--contact-black)}.contact-card h2{font-size:2.1rem}.contact-connect-title{font-size:1.9rem!important}.contact-card p{font-size:1rem}.contact-card-header{flex-direction:column;align-items:center;text-align:center}.contact-form-actions{flex-direction:column;align-items:stretch}.contact-send-button{width:100%}.contact-link-item{align-items:flex-start;padding:12px}.contact-link-icon{width:42px;height:42px;font-size:1.2rem}.contact-paper-plane{font-size:2.3rem}}@media (min-width: 576px) and (max-width: 767px){.contact-page{padding:96px 18px 52px}.contact-container{width:min(680px,100%)}.contact-hero{min-height:auto;grid-template-columns:1fr;gap:32px;padding:34px 0 54px;text-align:center}.contact-title{font-size:clamp(3.8rem,10vw,5.4rem)}.contact-subtitle{margin:0 auto}.contact-hero-image{width:min(320px,100%)}.contact-grid{grid-template-columns:1fr}.contact-card{padding:28px 24px}.contact-card-header{justify-content:center;text-align:center}.contact-form-actions{flex-direction:column;align-items:stretch}.contact-send-button{width:100%}}@media (min-width: 768px) and (max-width: 991px){.contact-page{padding:100px 24px 56px}.contact-container{width:min(850px,100%)}.contact-hero{grid-template-columns:1fr;gap:36px;text-align:center}.contact-subtitle{margin:0 auto}.contact-grid{grid-template-columns:1fr}.contact-card-header{justify-content:center;text-align:center}.contact-connect-title{font-size:2.4rem!important}}@media (min-width: 992px) and (max-width: 1199px){.contact-page{padding:110px 24px 60px}.contact-container{width:min(1120px,100%)}.contact-grid{grid-template-columns:minmax(560px,1.35fr) minmax(390px,.85fr);gap:30px}.contact-card{padding:32px}.contact-card h2{font-size:clamp(2rem,2.4vw,2.7rem)}.contact-connect-title{font-size:2.1rem!important}}@media (min-width: 1200px){.contact-page{padding:110px 28px 64px}.contact-container{width:min(1320px,100%)}.contact-grid{grid-template-columns:minmax(680px,1.35fr) minmax(460px,.85fr);gap:38px}.contact-card{padding:38px}.contact-connect-title{font-size:2.35rem!important}}body.dark .contact-page,body.dark-mode .contact-page,html.dark .contact-page,html.dark-mode .contact-page,[data-theme=dark] .contact-page,.dark .contact-page{background:#111!important;color:#fff!important}body.dark .contact-title,body.dark-mode .contact-title,html.dark .contact-title,html.dark-mode .contact-title,[data-theme=dark] .contact-title,.dark .contact-title,body.dark .contact-subtitle,body.dark-mode .contact-subtitle,html.dark .contact-subtitle,html.dark-mode .contact-subtitle,[data-theme=dark] .contact-subtitle,.dark .contact-subtitle,body.dark .contact-bottom,body.dark-mode .contact-bottom,html.dark .contact-bottom,html.dark-mode .contact-bottom,[data-theme=dark] .contact-bottom,.dark .contact-bottom{color:#fff!important}body.dark .contact-card,body.dark-mode .contact-card,html.dark .contact-card,html.dark-mode .contact-card,[data-theme=dark] .contact-card,.dark .contact-card{background:#fff!important;color:#111!important}.scroll-rotate-button{position:fixed;right:32px;bottom:32px;z-index:999;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;overflow:hidden}.scroll-rotate-text{position:absolute;width:92px;height:92px;transform-origin:center}.scroll-rotate-text text{font-family:var(--font-doodle);font-size:9px;font-weight:700;fill:currentColor;letter-spacing:1.2px}.scroll-rotate-icon{position:relative;z-index:2;font-size:2rem;font-weight:700}@media (max-width: 575px){.scroll-rotate-button{display:none}}.footer{margin-top:0;padding:20px;background:var(--color-footer);color:#fff;text-align:center;font-size:.9rem}@keyframes floatingLogo{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes cursorFade{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes aboutFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;color:#333;transition:background .3s,color .3s}body.dark-mode{background:#121212;color:#fff}main{padding-top:100px}a{text-decoration:none;color:inherit}