[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] .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:center;gap:10px;display:flex}.theme-switch-label{color:#0f6;letter-spacing:.05em;text-align:center;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}}
