/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@media (min-width:1024px){.circle{background:var(--accent-gradient);opacity:.06;filter:blur(100px);pointer-events:none;z-index:-1;border-radius:50%;animation:float 20s ease-in-out infinite;position:fixed}.circle-1{width:600px;height:600px;top:-10%;left:-15%}.circle-2{width:400px;height:400px;animation-delay:-2s;top:40%;left:-10%}.circle-3{width:500px;height:500px;animation-delay:-5s;top:80%;left:-5%}.circle-4{width:700px;height:700px;top:10%;right:-20%}.circle-5{width:350px;height:350px;animation-delay:-7s;top:50%;right:-10%}.circle-6{width:550px;height:550px;animation-delay:-3s;top:85%;right:-15%}}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}[data-theme=dark]{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}

/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@import "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";@import "https://cdn.jsdelivr.net/npm/simple-icons-font@v10/font/simple-icons.min.css";@font-face{font-family:Mainfont;src:url(/font/TanukiMagic.ttf)format("truetype")}@font-face{font-family:Mushin;src:url(/font/mushin.otf)format("opentype")}:root{--primary-color:#1a237e;--text-color:#2a2c46;--bg-color:#f8f9fd;--card-bg:#fff;--border-color:#eef0f7;--accent-gradient:linear-gradient(135deg,#131b3e,#764ba2);--header-bg:#fffffff2}[data-theme=dark]{--text-color:#e2e8f0;--bg-color:#1a202c;--card-bg:#2d3748;--border-color:#4a5568;--header-bg:#1a202cf2;--primary-color:#90cdf4}.mini-skill-icons i,.mini-skill-icons span i,.skill-item i,.skill-item img,.skill-item svg{transition:all .3s;filter:grayscale()!important;color:#333!important}[data-theme=dark] .mini-skill-icons i,[data-theme=dark] .mini-skill-icons span i,[data-theme=dark] .skill-item i,[data-theme=dark] .skill-item img,[data-theme=dark] .skill-item svg{color:#ccc!important}.skill-item:hover i,.skill-item:hover img,.skill-item:hover svg,.work-item-block:hover .mini-skill-icons i{filter:grayscale(0)!important;color:inherit!important}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Mainfont,sans-serif;line-height:1.6}body.admin-body{background-color:#f8fafc!important;font-family:ui-sans-serif,system-ui,sans-serif!important}h1{margin:.67em 0;font-size:2em}h1,h2{font-weight:700}h2{margin:.83em 0;font-size:1.5em}h3{font-size:1.17em;font-weight:700}h3,p{margin:1em 0}a{color:var(--primary-color);text-decoration:none}[data-theme=dark] a{color:#90cdf4}main{max-width:900px;margin:0 auto;padding:3rem 2rem}.about,.about-section,.work,.work-detail{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #0000000d}.about-header{border-bottom:3px solid;border-image:var(--accent-gradient) 1;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.profile-icon{object-fit:cover;border-radius:50%;width:80px;height:80px}.timeline{padding:1rem 0 1rem 1.5rem;position:relative}.timeline:before{content:"";background:var(--accent-gradient);border-radius:3px;width:3px;height:100%;position:absolute;top:0;left:0}.timeline-item{margin-bottom:2.5rem;padding-left:1.5rem;position:relative}.timeline-item:after{content:"";background:var(--card-bg);border:3px solid var(--primary-color);border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;top:5px;left:-21px}.timeline-date{color:var(--primary-color);background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;margin-bottom:.8rem;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.timeline-content h3{color:var(--text-color);margin:0;font-size:1.1rem}.job-title{color:var(--primary-color);opacity:.9;margin:.3rem 0;font-size:.85rem;font-weight:600}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.skill-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;height:auto;padding:.8rem;display:flex}.skill-item,.skill-item i{justify-content:center;align-items:center}.skill-item i{width:2.5rem;height:2.5rem;font-size:2.5rem!important;display:flex!important}.skill-item span{text-align:center;font-size:.85rem;font-weight:700}.work-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.work-item-block{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;overflow:hidden}.work-item-block:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.work-item-block h3{margin:0;padding:1rem 1.5rem .5rem}.work-item-block p{opacity:.8;padding:0 1.5rem 1.5rem;font-size:.9rem}.mini-skill-icons{gap:.8rem;padding:0 1.5rem 1.2rem;font-size:1.2rem;display:flex}header{background-color:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo a{color:var(--text-color);font-family:Mainfont,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none}nav ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}nav ul li{margin-left:2rem}nav ul li a{color:var(--text-color);padding:.5rem 0;font-weight:700;text-decoration:none;transition:color .3s;position:relative}nav ul li a:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}nav ul li a:hover:after{width:100%}.dark-mode-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:20px;margin-left:1.5rem;padding:6px 12px;font-family:Mushin,sans-serif;font-size:.8rem}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.reveal.active{opacity:1;transform:none!important}.reveal-up{transform:translateY(30px)}.reveal-left{transform:translate(-30px)}.reveal-right{transform:translate(30px)}@media (min-width:1024px){.circle{background:var(--accent-gradient);opacity:.06;filter:blur(100px);pointer-events:none;z-index:-1;border-radius:50%;animation:float 20s ease-in-out infinite;position:fixed}.circle-1{width:600px;height:600px;top:-10%;left:-15%}.circle-2{width:400px;height:400px;animation-delay:-2s;top:40%;left:-10%}.circle-3{width:500px;height:500px;animation-delay:-5s;top:80%;left:-5%}.circle-4{width:700px;height:700px;top:10%;right:-20%}.circle-5{width:350px;height:350px;animation-delay:-7s;top:50%;right:-10%}.circle-6{width:550px;height:550px;animation-delay:-3s;top:85%;right:-15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}}.slider-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:2rem;padding:1.5rem 0;overflow:hidden}.slider-track{gap:1.5rem;width:max-content;animation:scrollInfinite 25s linear infinite;display:flex}@keyframes scrollInfinite{0%{transform:translate(0)}to{transform:translate(calc(-900px - 4.5rem))}}.slider-track img{object-fit:cover;border:1px solid var(--border-color);border-radius:10px;width:300px;height:200px}