[data-theme=modern] body{color:#1e293b!important;background:#fff!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}[data-theme=modern] .index,[data-theme=modern] main{background:#fff!important}[data-theme=modern] h1,[data-theme=modern] h2,[data-theme=modern] h3,[data-theme=modern] h4,[data-theme=modern] h5,[data-theme=modern] h6,[data-theme=modern] .h1,[data-theme=modern] .h2,[data-theme=modern] .h3{text-shadow:none!important;letter-spacing:-.01em!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}[data-theme=modern] h2,[data-theme=modern] .h2{color:#1e40af!important}[data-theme=modern] .header,[data-theme=modern] .about,[data-theme=modern] .skills,[data-theme=modern] .portfolio,[data-theme=modern] .contact,[data-theme=modern] .hero,[data-theme=modern] section.header,[data-theme=modern] section.about,[data-theme=modern] section.skills,[data-theme=modern] section.portfolio,[data-theme=modern] section.contact,[data-theme=modern] section.hero{background:#fff!important}[data-theme=modern] .sidebar-top{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 12px #00000012!important}[data-theme=modern] .sidebar-top nav ul li a,[data-theme=modern] .sidebar-top .sidebar-link{color:#374151!important;letter-spacing:0!important;font-family:Inter,sans-serif!important;font-size:2rem!important;font-weight:600!important}[data-theme=modern] .sidebar-top nav ul li a:hover{color:#1e40af!important}[data-theme=modern] .sidebar-lang-toggle{color:#374151;background:#f1f5f9;font-family:Inter,sans-serif}[data-theme=modern] .sidebar-lang-toggle:hover{color:#1e40af;background:#e2e8f0}[data-theme=modern] .lang-toggle-label-sm{color:#374151}[data-theme=modern] .lang-toggle-wrapper:hover .lang-toggle-label-sm{color:#1e40af}[data-theme=modern] .hero-section{background:radial-gradient(80% 60% at 60% 0,#6366f138 0%,#0000 70%),radial-gradient(50% 40% at 10% 80%,#0ea5e926 0%,#0000 60%),linear-gradient(160deg,#0f172a 0%,#1e1b4b 55%,#0c1a3a 100%)!important;min-height:60vh!important;position:relative!important;overflow:visible!important}[data-theme=modern] .hero-bg .retro-layer{display:none!important}[data-theme=modern] .hero-badge{color:#a5b4fc!important;box-shadow:none!important;letter-spacing:.02em!important;background:#6366f11f!important;border:1px solid #a5b4fc59!important;border-radius:999px!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding:9px 22px!important;font-family:Inter,sans-serif!important;font-size:2.1rem!important;font-weight:500!important;display:inline-flex!important}@media (max-width:900px){[data-theme=modern] .hero-badge{margin-bottom:8px!important}}[data-theme=modern] .hero-badge:before{content:"";background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #22c55e}[data-theme=modern] .hero-section .hero-content h1{letter-spacing:-.03em!important;color:#f1f5f9!important;text-shadow:none!important;margin-top:0!important;font-family:Inter,sans-serif!important;font-size:3.4rem!important;font-weight:800!important;line-height:1.15!important}[data-theme=modern] .hero-section .highlight{color:#0000!important;background:linear-gradient(90deg,#818cf8,#38bdf8)!important;font-size:inherit!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=modern] .hero-desc{color:#cbd5e1!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;font-family:Inter,sans-serif!important;font-size:2rem!important;font-weight:400!important;line-height:1.75!important}[data-theme=modern] .hero-game-zone,[data-theme=modern] .retro-banner,[data-theme=modern] .hero-photo{display:none!important}@media (max-width:768px){[data-theme=modern] .hero-photo{pointer-events:none!important;justify-content:center!important;margin-top:24px!important;margin-bottom:8px!important;display:flex!important}[data-theme=modern] .hero-photo img{object-fit:cover!important;object-position:top center!important;filter:drop-shadow(0 4px 20px #0006)!important;width:160px!important;height:160px!important;box-shadow:none!important;border:3px solid #1e40af00!important;border-radius:50%!important}}[data-theme=modern] .skills-green-box{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 24px #0000000d!important}[data-theme=modern] .skills-list{background:0 0!important}[data-theme=modern] .skills-list li,[data-theme=modern] .skill-item{color:#1e293b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 4px #0000000a!important}[data-theme=modern] .skill-item:hover{border-color:#1e40af!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #1e40af1a!important}[data-theme=modern] .skill-item.selected{background:#eff6ff!important;border-color:#1e40af!important;box-shadow:0 0 0 2px #1e40af!important}[data-theme=modern] .skill-name{color:#334155!important;font-family:Inter,sans-serif!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .slick-list{height:620px!important}@media (max-width:768px){[data-theme=modern] .projects-carousel.carousel-fixed-height .slick-list{height:auto!important}[data-theme=modern] .projects-carousel .slick-dots{margin-top:6px!important;position:static!important;bottom:auto!important}}[data-theme=modern] .carousel-custom-arrow{color:#1e40af!important;background:#ffffffd9!important;border-color:#1e40af!important}[data-theme=modern] .carousel-custom-arrow:hover,[data-theme=modern] .carousel-custom-arrow:focus{color:#fff!important;background:#1e40af!important;border-color:#1e40af!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .project p{-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important}[data-theme=modern] .project{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;display:flex!important;overflow:visible!important;box-shadow:0 2px 12px #0000000d!important}[data-theme=modern] .project-footer{justify-content:flex-end!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}[data-theme=modern] .project:hover{border-color:#93c5fd!important;transform:translateY(-4px)!important;box-shadow:0 8px 32px #1e40af1a!important}[data-theme=modern] .portfolio h2,[data-theme=modern] .contact h2{font-size:2rem!important}[data-theme=modern] .project h3{color:#1e40af!important;text-shadow:none!important;font-family:Inter,sans-serif!important;font-size:2rem!important}[data-theme=modern] .project p{color:#64748b!important;font-family:Inter,sans-serif!important;font-size:2rem!important}[data-theme=modern] .all-project-details-btn{color:#1e40af!important;letter-spacing:0!important;box-shadow:none!important;background:0 0!important;border:2px solid #0000!important;border-radius:8px!important;font-family:Inter,sans-serif!important;font-size:2rem!important}[data-theme=modern] .all-project-details-btn:hover,[data-theme=modern] .all-project-details-btn:active,[data-theme=modern] .all-project-details-btn:focus{color:#1e40af!important;box-shadow:none!important;background:0 0!important}[data-theme=modern] .contact-mail-btn{letter-spacing:0!important;background:#1e40af!important;font-family:Inter,sans-serif!important}[data-theme=modern] .contact-mail-btn:hover{box-shadow:0 0 32px #1e40af80!important}html[data-theme=modern] .sidebar-drawer .drawer-menu-area,html[data-theme=modern] .sidebar-overlay .drawer-menu-area,html[data-theme=modern] .drawer-menu-area,html[data-theme=modern] .sidebar-drawer-nav,html[data-theme=modern] .sidebar-drawer-nav ul,html[data-theme=modern] .sidebar-drawer-nav ul li,html[data-theme=modern] .sidebar-drawer-nav .theme-toggle-drawer,html[data-theme=modern] .sidebar-drawer-nav .theme-switch-wrapper{background:#fff!important}html[data-theme=modern] .sidebar-drawer-nav ul li.drawer-profile,html[data-theme=modern] .sidebar-drawer-nav ul li.drawer-profile img{background:0 0!important}[data-theme=modern] .sidebar-drawer-nav ul li a{color:#1e40af!important;letter-spacing:0!important;font-family:Inter,sans-serif!important;font-size:1.8rem!important}[data-theme=modern] .sidebar-drawer-nav ul li a:hover{color:#1d4ed8!important}[data-theme=modern] .about p,[data-theme=modern] .about span,[data-theme=modern] .about li{color:#374151!important;font-family:Inter,sans-serif!important}html[data-theme=modern],html[data-theme=modern] body{scrollbar-width:none!important;-ms-overflow-style:none!important}html[data-theme=modern]::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important}html[data-theme=modern] body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important}html[data-theme=modern]::-webkit-scrollbar-track{background:0 0!important;border-left:none!important}html[data-theme=modern] body::-webkit-scrollbar-track{background:0 0!important;border-left:none!important}html[data-theme=modern]::-webkit-scrollbar-thumb{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}html[data-theme=modern] body::-webkit-scrollbar-thumb{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}html[data-theme=modern]::-webkit-scrollbar-thumb:hover{box-shadow:none!important;background:0 0!important}html[data-theme=modern] body::-webkit-scrollbar-thumb:hover{box-shadow:none!important;background:0 0!important}.theme-toggle-drawer{margin-top:16px;padding:10px 0;list-style:none}.theme-switch-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.theme-switch-label{color:#0f6;letter-spacing:.05em;text-align:left;font-family:"Press Start 2P",Arial,sans-serif;font-size:.85rem;line-height:1.4;transition:color .2s}.theme-switch-track{background:#222;border:2px solid #0f68;border-radius:999px;flex-shrink:0;width:56px;height:28px;transition:background .25s,border-color .25s;position:relative}.theme-switch-track.theme-switch-on{background:#1e40af;border-color:#93c5fd}.theme-switch-thumb{background:#0f6;border-radius:999px;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;position:absolute;top:3px;left:3px}.theme-switch-on .theme-switch-thumb{background:#bfdbfe;transform:translate(28px)}.theme-switch-wrapper:hover .theme-switch-track{border-color:#0f6;box-shadow:0 0 8px #0f64}.theme-switch-on:hover{box-shadow:0 0 8px #3b82f644!important}[data-theme=modern] .theme-switch-label{color:#1e40af;letter-spacing:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}[data-theme=modern] .theme-switch-track{background:#e2e8f0;border-color:#93c5fd}[data-theme=modern] .theme-switch-wrapper:hover .theme-switch-track{border-color:#1e40af;box-shadow:0 0 8px #1e40af33}@media (min-width:769px){[data-theme=modern] .hero-section{align-items:center!important;min-height:60vh!important;position:relative!important;overflow:visible!important}[data-theme=modern] .hero-content{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:64px!important;max-width:1140px!important;padding:120px 64px 80px!important;position:relative!important}[data-theme=modern] .hero-intro{text-align:left!important;align-self:center!important;max-width:580px!important;margin-left:0!important;margin-right:0!important}[data-theme=modern] .hero-section .hero-content h1{text-align:left!important;margin-bottom:20px!important;font-size:4.4rem!important}[data-theme=modern] .hero-desc{text-align:left!important;max-width:520px!important;margin-left:0!important;margin-right:0!important;font-size:1.8rem!important}[data-theme=modern] .hero-badge{margin-bottom:24px!important}[data-theme=modern] .hero-photo{z-index:2!important;pointer-events:none!important;width:620px!important;display:block!important;position:absolute!important;bottom:0!important;right:64px!important;overflow:visible!important}[data-theme=modern] .hero-photo img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 40px #00000080);vertical-align:bottom;width:620px;height:1000px;max-height:calc(60vh + 80px);margin-bottom:0;display:block}[data-theme=modern] .about{background:#fff!important;padding:72px 0!important}[data-theme=modern] .skills{background:#f0f4f8!important;padding:72px 0!important}[data-theme=modern] .portfolio{background:#fff!important;padding:72px 0!important}[data-theme=modern] .contact{background:#f0f4f8!important;padding:56px 0!important}[data-theme=modern] .about .container{grid-template-columns:220px 1fr!important;align-items:center!important;gap:56px!important;max-width:900px!important;margin:0 auto!important;padding:0 32px!important;display:grid!important}[data-theme=modern] .about-title{color:#1e40af!important;border-right:3px solid #e2e8f0!important;grid-column:1!important;margin-bottom:0!important;padding-right:32px!important;font-size:3.2rem!important;line-height:1.2!important}[data-theme=modern] .about-text{color:#374151!important;grid-column:2!important;margin:0!important;font-family:Inter,sans-serif!important;font-size:1.7rem!important;line-height:1.8!important}[data-theme=modern] .skills .container{max-width:900px!important;margin:0 auto!important;padding:0 32px!important}[data-theme=modern] .skills-green-box{padding:2.8rem!important}[data-theme=modern] .skills-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:16px!important}[data-theme=modern] .skill-item{flex-direction:column!important;justify-content:center!important;gap:10px!important;min-height:110px!important}[data-theme=modern] .portfolio .container{max-width:1040px!important;margin:0 auto!important;padding:0 48px!important}[data-theme=modern] .portfolio h2{text-align:left!important;margin-bottom:32px!important;padding:0!important;font-size:2.8rem!important}[data-theme=modern] .projects-carousel{margin-top:0!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .slick-list{height:auto!important;min-height:0!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .slick-track{align-items:stretch!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .slick-slide{box-sizing:border-box!important;padding:0 10px!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .project{image-rendering:auto!important;border-radius:14px!important;height:auto!important;margin:0!important;padding:20px!important}[data-theme=modern] .projects-carousel.carousel-fixed-height .project img{object-fit:cover!important;border-radius:10px!important;height:200px!important;margin-bottom:16px!important}[data-theme=modern] .project h3{margin-bottom:8px!important;margin-left:0!important;font-size:1.5rem!important}[data-theme=modern] .project p{margin-left:0!important;margin-right:0!important;font-size:1.3rem!important;line-height:1.6!important}[data-theme=modern] .all-project-details-btn{color:#1e40af!important;background:0 0!important;border:2px solid #0000!important;margin:16px 0 0!important;padding:10px 20px!important;font-size:1.2rem!important}[data-theme=modern] .projects-carousel .slick-dots{margin-top:20px!important}[data-theme=modern] .projects-carousel .slick-dots li button:before{color:#1e40af!important;font-size:10px!important}[data-theme=modern] .projects-carousel .slick-dots li.slick-active button:before{color:#1e40af!important;opacity:1!important}[data-theme=modern] .carousel-custom-arrow{z-index:30!important;color:#1e40af!important;background:#ffffffeb!important;border:1.5px solid #e2e8f0!important;width:40px!important;height:40px!important;font-size:1.8rem!important;box-shadow:0 2px 8px #0000001f!important}[data-theme=modern] .carousel-custom-arrow:hover,[data-theme=modern] .carousel-custom-arrow:focus{color:#fff!important;background:#1e40af!important;border-color:#1e40af!important}[data-theme=modern] .carousel-custom-prev{left:4px!important}[data-theme=modern] .carousel-custom-next{right:4px!important}[data-theme=modern] .contact{box-sizing:border-box!important;padding:56px 32px!important}[data-theme=modern] .contact h2{text-align:center!important;margin-bottom:0!important;padding:0 0 32px!important;font-size:2.8rem!important}[data-theme=modern] .contact-social-bar{border:1px solid #e2e8f0!important;border-radius:0!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;max-width:none!important;height:80px!important;margin:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 2px 12px #00000014!important}[data-theme=modern] .contact-social{min-width:0!important;height:80px!important;box-shadow:none!important;border-radius:0!important;flex-direction:column!important;flex:1 1 0!important;gap:6px!important;padding:8px 4px!important;font-family:Inter,sans-serif!important;font-size:1.1rem!important;font-weight:600!important;transition:filter .18s!important;overflow:hidden!important}[data-theme=modern] .contact-social:hover{filter:brightness(1.15)!important;transform:none!important}[data-theme=modern] .contact-social img{flex-shrink:0!important;width:26px!important;height:26px!important}[data-theme=modern] .contact-social span{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-family:Inter,sans-serif!important;font-size:1rem!important;overflow:hidden!important}[data-theme=modern] .contact-mail-btn{color:#111!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 0!important;font-family:Inter,sans-serif!important;font-size:1.6rem!important;font-weight:700!important;display:flex!important}[data-theme=modern] .sidebar-top{padding:0 48px!important}[data-theme=modern] .sidebar-top nav ul{gap:8px!important;display:flex!important}[data-theme=modern] .sidebar-top nav ul li a,[data-theme=modern] .sidebar-top .sidebar-link{border-radius:8px!important;padding:8px 16px!important;font-size:1.5rem!important;font-weight:500!important;transition:background .18s,color .18s!important;display:inline-block!important}[data-theme=modern] .sidebar-top nav ul li a:hover{color:#1e40af!important;background:#eff6ff!important}[data-theme=modern] .hero-game-zone{display:none!important}}@media (max-width:768px){[data-theme=modern] .all-project-details-btn{letter-spacing:.01em!important;white-space:nowrap!important;color:#1e40af!important;box-shadow:none!important;background:0 0!important;border:2px solid #0000!important;border-radius:8px!important;margin:0!important;padding:5px 14px!important;font-size:.72rem!important;font-weight:700!important}}
[data-theme=classic] body{background:#070714!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;overflow-x:hidden!important}[data-theme=classic] .main-content{background:#070714!important;overflow-x:hidden!important}[data-theme=classic] .container-responsive{overflow-x:hidden!important}[data-theme=classic] ::selection{color:#fff;background:#a855f7}[data-theme=classic] .sidebar-top{background:#070714!important;border-bottom:none!important}[data-theme=classic] .sidebar-nav-desktop{display:none!important}[data-theme=classic] .sidebar-menu span{color:#cbd5e1!important}[data-theme=classic] .sidebar-menu span:hover{color:#fff!important}[data-theme=classic] .sidebar-lang-toggle{color:#cbd5e1;background:#ffffff14;font-family:Inter,sans-serif}[data-theme=classic] .sidebar-lang-toggle:hover{color:#fff;background:#ffffff26}[data-theme=classic] .lang-toggle-label-sm{color:#cbd5e1}[data-theme=classic] .lang-toggle-wrapper:hover .lang-toggle-label-sm{color:#fff}.cl-lang-badge{z-index:1000;color:#cbd5e1;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:999px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s;position:fixed;top:24px;right:24px;box-shadow:none!important;border:none!important;outline:none!important}.cl-lang-badge:hover{color:#fff;background:#ffffff26}[data-theme=classic] .sidebar-drawer .drawer-menu-area,[data-theme=classic] .sidebar-overlay .drawer-menu-area,[data-theme=classic] .drawer-menu-area,[data-theme=classic] .sidebar-drawer-nav,[data-theme=classic] .sidebar-drawer-nav ul,[data-theme=classic] .sidebar-drawer-nav ul li,[data-theme=classic] .sidebar-drawer-nav .theme-toggle-drawer,[data-theme=classic] .sidebar-drawer-nav .theme-switch-wrapper{background:#070714!important}[data-theme=classic] .sidebar-drawer-nav ul li.drawer-profile,[data-theme=classic] .sidebar-drawer-nav ul li.drawer-profile img{background:0 0!important}[data-theme=classic] .drawer-profile-img{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff26!important}[data-theme=classic] .sidebar-drawer-nav ul li a{color:#cbd5e1!important;letter-spacing:0!important;font-family:Inter,sans-serif!important;font-size:1.8rem!important}[data-theme=classic] .sidebar-drawer-nav ul li a:hover{color:#fff!important}html[data-theme=classic],[data-theme=classic] body{scrollbar-width:thin!important;scrollbar-color:#c4b5fd #0f172a!important}html[data-theme=classic]::-webkit-scrollbar{background:#0f172a!important;width:8px!important;height:8px!important}html[data-theme=classic]::-webkit-scrollbar-track{background:#0f172a!important}html[data-theme=classic]::-webkit-scrollbar-thumb{background:#4c1d95!important;border-radius:4px!important}html[data-theme=classic]::-webkit-scrollbar-thumb:hover{background:#6d28d9!important}[data-theme=classic] .theme-switch-label{color:#c4b5fd!important;letter-spacing:0!important;font-family:Inter,sans-serif!important;font-size:1rem!important;font-weight:600!important}[data-theme=classic] .theme-switch-track{background:#1e1b4b!important;border-color:#7c3aed!important}[data-theme=classic] .theme-switch-wrapper:hover .theme-switch-track{border-color:#a78bfa!important;box-shadow:0 0 8px #7c3aed4d!important}.cl-wrapper{color:#24292e;box-sizing:border-box;background:#070714;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.cl-wrapper *,.cl-wrapper :before,.cl-wrapper :after{box-sizing:border-box}.cl-hero{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:48px;width:100%;max-width:1280px;margin:0 auto;display:flex;position:relative;overflow:hidden;padding:64px 40px 96px!important}.cl-hero-text{z-index:10;max-width:576px;padding:0 8px;overflow:hidden}.cl-hero-h1{letter-spacing:-.025em;color:#fff;white-space:nowrap;margin:0;font-family:Inter,sans-serif;font-size:clamp(2.5rem,9vw,4rem);font-weight:300;line-height:1}.cl-hero-p{color:#94a3b8;margin:24px 0 0;font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.7}.cl-hero-strong{color:#fff;font-weight:500}.cl-hero-laptop{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:36rem;display:flex;position:relative}.cl-hero-glow{filter:blur(64px);background:linear-gradient(to top right,#7c3aed1a,#3b82f61a);border-radius:50%;position:absolute;inset:0}.cl-hero-svg,.cl-hero-laptop-img{z-index:10;object-fit:contain;width:100%;height:auto;max-height:460px}.cl-wave{z-index:10;background:#070714;width:100%;height:80px;margin-bottom:-2px;position:relative;overflow:visible}.cl-wave-svg{color:#f8fafc;fill:currentColor;width:100%;height:calc(100% + 4px);position:absolute;bottom:-2px}.cl-wave-bottom{background:#070714;margin-top:-2px;margin-bottom:0;overflow:visible}.cl-wave-svg-bottom{color:#f8fafc;fill:currentColor;width:100%;height:calc(100% + 4px);position:absolute;top:-2px}.cl-main{background:#f8fafc;padding:48px 24px 96px}.cl-main-inner{max-width:1280px;margin:0 auto}.cl-main-header{text-align:center;margin-bottom:64px}.cl-main-h2{color:#020617;letter-spacing:-.025em;margin:0 0 12px;font-family:Inter,sans-serif;font-size:2.25rem;font-weight:600}.cl-main-sub{color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:1.2rem}.cl-grid{grid-template-columns:1fr;gap:32px;display:grid}.cl-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000000a}.cl-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.cl-card-img-wrap{aspect-ratio:16/10;background:#f1f5f9;border-bottom:1px solid #f8fafc;width:100%;position:relative;overflow:hidden}.cl-card-img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;transition:all .5s}.cl-card:hover .cl-card-img{filter:grayscale(0%)}.cl-card-text{padding:32px 32px 16px}.cl-card-h3{color:#0f172a;letter-spacing:-.025em;margin:0 0 16px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.cl-card-p{color:#475569;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:300;line-height:1.625}.cl-card-links{align-items:center;gap:16px;margin-top:auto;padding:16px 32px 32px;display:flex}.cl-link-circle{cursor:pointer;border:1px solid #e2e8f0cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.cl-link-circle:hover{background:#f8fafc;border-color:#94a3b8}.cl-icon{color:#334155;transition:color .15s}.cl-link-circle:hover .cl-icon{color:#000}.cl-npm-icon:hover,.cl-link-circle:hover .cl-npm-icon{color:#dc2626!important}.cl-web-icon:hover,.cl-link-circle:hover .cl-web-icon{color:#2563eb!important}.cl-private-label{color:#94a3b8;letter-spacing:.025em;font-family:Inter,sans-serif;font-size:.75rem;font-style:italic;font-weight:400}.cl-footer{text-align:center;background:#070714;padding:48px 24px;position:relative}.cl-footer-inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:1280px;margin:0 auto;display:flex}.cl-theme-easter{color:#64748b;cursor:pointer;opacity:.5;-webkit-user-select:none;user-select:none;font-size:.6rem;transition:opacity .3s;position:absolute;bottom:8px;right:16px}.cl-theme-easter:hover{opacity:1;color:#c4b5fd}.cl-footer-p{color:#94a3b8;margin:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300}.cl-footer-links{gap:24px;display:flex}.cl-footer-a{color:#94a3b8;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300;text-decoration:none;transition:color .15s}.cl-footer-a:hover{color:#fff}.cl-footer-socials{align-items:center;gap:20px;display:flex}.cl-footer-social-link{color:#94a3b8;justify-content:center;align-items:center;transition:color .15s;display:flex}.cl-footer-social-link:hover{color:#fff}.cl-card-img-clickable{cursor:pointer}.cl-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000eb;justify-content:center;align-items:center;padding:24px 32px;display:flex;position:fixed;inset:0}.cl-modal-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cl-modal-img{object-fit:contain;background:0 0;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 16px 48px #0006}.cl-modal-close{color:#fff;cursor:pointer;z-index:10;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:2rem;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}@media (min-width:640px){.cl-hero{padding:96px 64px 128px}.cl-main{padding:48px 48px 96px}.cl-main-h2{font-size:3rem}.cl-main-sub{font-size:1.35rem}.cl-hero-h1{font-size:4rem}.cl-hero-p{font-size:1.25rem}.cl-modal-overlay{padding:64px 96px}}@media (min-width:768px){.cl-hero{flex-direction:row}.cl-hero-h1{font-size:5.5rem}.cl-hero-p{font-size:1.4rem;line-height:1.75}.cl-hero-laptop{max-width:38rem}.cl-hero-svg,.cl-hero-laptop-img{max-height:480px}.cl-grid{grid-template-columns:repeat(2,1fr)}.cl-footer-inner{text-align:left;flex-direction:row;justify-content:space-between}.cl-modal-overlay{padding:96px 288px}}@media (min-width:1024px){.cl-hero{padding:96px 96px 128px}.cl-hero-h1{font-size:6rem}.cl-hero-p{font-size:1.5rem;line-height:1.8}.cl-hero-text{max-width:680px}.cl-hero-laptop{max-width:44rem}.cl-hero-svg,.cl-hero-laptop-img{max-height:560px}.cl-main{padding:48px 96px 96px}.cl-main-h2{font-size:3rem}.cl-grid{grid-template-columns:repeat(3,1fr)}}
.projects-carousel{box-sizing:border-box;width:100%;max-width:100vw;overflow:hidden}.projects-carousel .project{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.projects-carousel img{object-fit:contain;border-radius:8px;max-width:100%;height:auto;box-shadow:0 2px 8px #0000001f}@media screen and (max-width:600px){.projects-carousel img{object-fit:contain;max-width:100vw;max-height:40vh}.projects-carousel{margin:0 auto;padding:0}}.about-text{color:#fff;white-space:pre-wrap;word-break:break-word;max-width:100%;display:inline-block}.typing-cursor{vertical-align:bottom;background:#fff;width:.12em;min-height:1em;margin-left:.12em;animation:.8s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.about,.about-title{text-align:center}.about-text{text-align:center;max-width:90%;margin:0 auto}}.skills-title{text-align:center;margin-bottom:2rem}.skills-green-box{box-sizing:border-box;background:#22c55e;border-radius:8px;width:100%;max-width:900px;margin:2rem auto;padding:2rem}.skills-list{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.skill-item{background:#666;border-radius:6px;align-items:center;padding:.8rem;transition:transform .2s,box-shadow .2s;display:flex}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.skill-icon{flex-shrink:0;width:24px;height:24px;margin-right:12px}.skill-icon-wrapper{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:inline-flex;overflow:hidden}.skill-icon-expo{filter:invert(0%)sepia(0%)saturate(0%)hue-rotate()brightness(0%)contrast();margin:auto;display:block;width:24px!important;height:24px!important}.skill-name{color:#fff;font-size:.95rem;font-weight:600}@media (max-width:768px){.skills{text-align:center;padding:0 1rem}.skills .container{max-width:100%;padding:0 1rem}.skills-green-box{margin:1.5rem 0;padding:1rem;overflow:hidden}.skills-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;max-width:100%}.skill-item{text-align:center;word-wrap:break-word;flex-direction:column;justify-content:center;min-width:0;padding:.6rem}.skills .skill-icon{width:52px!important;height:52px!important;margin-bottom:.5rem!important;margin-right:0!important}.skills .skill-icon-wrapper{width:44px!important;height:44px!important;margin-bottom:.5rem!important;margin-right:0!important}.skills .skill-icon-expo{width:20px!important;height:20px!important}.skill-name{white-space:normal;text-overflow:unset;word-wrap:break-word;text-align:center;max-width:100%;font-size:.85rem;line-height:1.3;overflow:visible}}@media (max-width:480px){.skills,.skills .container{padding:0 .5rem}.skills-green-box{margin:1rem 0;padding:.8rem}.skills-list{grid-template-columns:repeat(2,1fr);gap:.6rem;max-width:100%}.skill-item{flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:.4rem;display:flex}.skills .skills-list .skill-item .skill-icon{width:44px!important;height:44px!important;margin-bottom:.4rem!important}.skills .skills-list .skill-item .skill-icon-wrapper{width:52px!important;height:52px!important;margin-bottom:.4rem!important}.skills .skills-list .skill-item .skill-icon-expo{width:18px!important;height:18px!important}.skill-name{text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:.8rem;line-height:1.3}}@media (max-width:360px){.skills-list{gap:.4rem}.skill-item{min-height:120px;padding:.3rem}.skills .skills-list .skill-item .skill-icon{width:40px!important;height:40px!important}.skills .skills-list .skill-item .skill-icon-wrapper{width:48px!important;height:48px!important}.skills .skills-list .skill-item .skill-icon-expo{width:16px!important;height:16px!important}.skill-name{font-size:.75rem;line-height:1.2}}@media screen and (max-width:500px){.s-footer__social{font-size:var(--text-md)}.s-footer__social li{margin-right:1.4rem}}@media screen and (max-width:768px){.skills .skills-list .skill-item img.skill-icon{width:52px!important;height:52px!important;margin-bottom:.5rem!important;margin-right:0!important}.skills .skills-list .skill-item .skill-icon-wrapper{width:44px!important;height:44px!important;margin-bottom:.5rem!important;margin-right:0!important}.skills .skills-list .skill-item .skill-icon-wrapper img.skill-icon-expo{width:20px!important;height:20px!important}}@media screen and (max-width:480px){.skills .skills-list .skill-item img.skill-icon{width:44px!important;height:44px!important}.skills .skills-list .skill-item .skill-icon-wrapper{width:52px!important;height:52px!important}.skills .skills-list .skill-item .skill-icon-wrapper img.skill-icon-expo{width:18px!important;height:18px!important}}@media screen and (max-width:360px){.skills .skills-list .skill-item img.skill-icon{width:40px!important;height:40px!important}.skills .skills-list .skill-item .skill-icon-wrapper{width:48px!important;height:48px!important}.skills .skills-list .skill-item .skill-icon-wrapper img.skill-icon-expo{width:16px!important;height:16px!important}}@media only screen and (max-width:768px){.skills-list .skill-item img[class*=skill-icon]{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}.skills-list .skill-item .skill-icon-wrapper{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}.skills-list .skill-item .skill-icon-wrapper img.skill-icon-expo{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important}}html,body,#__next{background-color:#111!important}.portfolio{text-align:center;padding:2rem 1rem}.portfolio h2{margin-bottom:2rem;font-size:2rem}.projects-carousel{width:100%;max-width:800px;margin:0 auto;padding:0 2rem}.project{text-align:center;max-width:500px;margin:0 auto;padding:1.5rem}.project img{border-radius:8px;width:100%;height:auto;margin-bottom:1rem}.project h3{margin:1rem 0 .5rem;font-size:1.3rem}.project p{color:#fff;margin:0;font-size:1rem;line-height:1.5}.all-project-details-btn{width:fit-content;margin:2rem auto;padding:1rem 2rem;font-size:1rem;display:block}@media (max-width:768px){.portfolio{text-align:center;margin-bottom:1.5rem;padding:1rem .5rem}.portfolio .container{text-align:center;max-width:100%;margin:0 auto}.portfolio h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.projects-carousel{width:100%;max-width:100%;margin:0 auto;padding:0 1rem}.slick-prev,.slick-next{display:none!important}.all-project-details-btn{margin:1.5rem auto;padding:.8rem 1.5rem;font-size:.9rem}.slick-slide{padding:0 .5rem}.project{width:100%;max-width:100%;margin:0 auto;padding:1rem .75rem}.project img{border-radius:8px;margin-bottom:1rem}.project h3{text-align:center;margin:.5rem 0;font-size:1.1rem}.project p{text-align:center;margin-left:0;padding:0 .5rem;font-size:.9rem;line-height:1.4}.projects-carousel .slick-list{overflow:visible!important}.projects-carousel .slick-track{display:block!important}.projects-carousel .slick-slide{height:auto!important}.projects-carousel .slick-slide>div{display:block!important}.projects-carousel .slick-dots{text-align:center;margin-top:12px!important;position:static!important;bottom:auto!important}.slick-arrow{z-index:10}}@media (max-width:480px){.portfolio{margin-bottom:1.25rem;padding:1rem .25rem}.portfolio h2{margin-bottom:1rem;font-size:1.3rem}.projects-carousel{text-align:center;width:100%;margin:0 auto;padding:0 .5rem}.slick-prev,.slick-next{display:none!important}.all-project-details-btn{margin:1rem auto;padding:.7rem 1.2rem;font-size:.8rem}.project{width:100%;max-width:100%;padding:.8rem .5rem}.project h3{margin:.4rem 0;font-size:1rem}.project p{padding:0 .3rem;font-size:.8rem;line-height:1.3}.projects-carousel .slick-dots{margin-top:10px!important;position:static!important;bottom:auto!important}.slick-dots li button:before{font-size:8px}.slick-prev,.slick-next{width:30px;height:30px}.slick-prev:before,.slick-next:before{font-size:20px}}