@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #f0f0f0;width:100%;position:fixed;top:0;z-index:100;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.logo img{width:36px;height:36px;border-radius:10px;cursor:pointer;object-fit:cover}.nav-links{display:flex;list-style:none;align-items:center;gap:4px}.nav-link li{font-size:.88rem;font-weight:500;color:#888;padding:6px 16px;border-radius:8px;transition:color .2s ease;cursor:pointer}.nav-link li:hover{color:#1a1a1a}.nav-link{color:inherit;text-decoration:none}.nav-link.active li{color:#1a1a1a;font-weight:600}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:0;gap:5px;z-index:200}.bar{display:block;width:20px;height:2px;background:#1a1a1a;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger.active .bar-1{transform:translateY(7px) rotate(45deg)}.hamburger.active .bar-2{opacity:0;transform:scaleX(0)}.hamburger.active .bar-3{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #eee;display:flex;flex-direction:column;padding:0 40px;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .35s ease}.mobile-menu.open{max-height:220px;opacity:1;padding:12px 40px 20px}.mobile-link{font-size:1.05rem;font-weight:500;color:#555;text-decoration:none;padding:12px 0;border-bottom:1px solid #f5f5f5;transition:color .2s ease,padding-left .2s ease}.mobile-link:last-child{border-bottom:none}.mobile-link:hover{color:#1a1a1a;padding-left:8px}.mobile-link.active{color:#1a1a1a;font-weight:600}[data-theme=dark] .navbar{background:rgba(15,15,20,.92);border-bottom-color:#222}[data-theme=dark] .nav-link li{color:#888}[data-theme=dark] .nav-link li:hover{color:#eee}[data-theme=dark] .nav-link.active li{color:#fff}[data-theme=dark] .bar{background:#eee}[data-theme=dark] .mobile-menu{background:rgba(15,15,20,.98);border-bottom-color:#333}[data-theme=dark] .mobile-link{color:#aaa;border-bottom-color:#222}[data-theme=dark] .mobile-link:hover,[data-theme=dark] .mobile-link.active{color:#fff}@media (max-width: 768px){.navbar{padding:0 20px}.nav-links{display:none}.hamburger{display:flex}.mobile-menu.open{padding:12px 20px 20px}}@media (min-width: 769px){.mobile-menu{display:none}}.back-to-top{position:fixed;bottom:32px;right:32px;width:40px;height:40px;border-radius:10px;border:1px solid #e5e5e5;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a1a;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,border-color .2s ease;z-index:50}.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:#999}[data-theme=dark] .back-to-top{background:rgba(30,30,40,.9);border-color:#333;color:#eee}[data-theme=dark] .back-to-top:hover{border-color:#666}.dark-mode-toggle{position:fixed;bottom:32px;left:32px;width:40px;height:40px;border-radius:10px;border:1px solid #e5e5e5;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:border-color .2s ease;line-height:1}.dark-mode-toggle:hover{border-color:#999}[data-theme=dark] .dark-mode-toggle{background:rgba(30,30,40,.9);border-color:#333}[data-theme=dark] .dark-mode-toggle:hover{border-color:#666}body.custom-cursor,body.custom-cursor *{cursor:none!important}.cursor-dot{position:fixed;width:32px;height:32px;border-radius:50%;background:#ffffff;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease}.cursor-dot.cursor-hover{width:56px;height:56px}@media (pointer: coarse){.cursor-dot{display:none}body.custom-cursor,body.custom-cursor *{cursor:auto!important}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999}.scroll-progress-bar{height:100%;background:#1a1a1a;width:0%;transition:width .1s ease-out}[data-theme=dark] .scroll-progress-bar{background:#fff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.page-transition{animation:pageIn .35s ease forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.page-loader{min-height:100vh}[data-theme=dark] body{background-color:#0f0f14;color:#e0e0e6}[data-theme=dark] .containerOne h2{color:#888}[data-theme=dark] .containerOne h1{color:#fff}[data-theme=dark] .containerOne p{color:#999}[data-theme=dark] .btn-about{background:#fff;color:#0f0f14}[data-theme=dark] .btn3{color:#ddd;border-color:#333}[data-theme=dark] .btn3:hover{border-color:#666}[data-theme=dark] .btn{background:#fff;color:#0f0f14}[data-theme=dark] .btn2{color:#ddd;border-color:#333}[data-theme=dark] .home-project-title{color:#fff}[data-theme=dark] .seemore{color:#888;border-color:#333}[data-theme=dark] .seemore:hover{color:#eee;border-color:#555}[data-theme=dark] .seemore a{color:inherit}[data-theme=dark] .web-project{color:#fff}[data-theme=dark] .project-subtitle{color:#666}[data-theme=dark] .filter-btn{border-color:#333;color:#888}[data-theme=dark] .filter-btn:hover{color:#eee;border-color:#555}[data-theme=dark] .filter-btn.active{background:#fff;color:#0f0f14;border-color:#fff}[data-theme=dark] .project-list{border-top-color:#222}[data-theme=dark] .project-row{border-bottom-color:#222}[data-theme=dark] .project-row:hover{background:#1a1a22}[data-theme=dark] .project-name{color:#eee}[data-theme=dark] .project-tech span{color:#888;border-color:#333}[data-theme=dark] .project-url{color:#555}[data-theme=dark] .project-arrow{color:#444}[data-theme=dark] .project-row:hover .project-arrow{color:#eee}[data-theme=dark] .about-heading{color:#fff}[data-theme=dark] .about-name{color:#888}[data-theme=dark] .about-intro{color:#bbb}[data-theme=dark] .about-philosophy{color:#888}[data-theme=dark] .skills-section h2{color:#fff}[data-theme=dark] .skill-tag{color:#bbb;border-color:#333}[data-theme=dark] .skill-tag:hover{border-color:#666}[data-theme=dark] .favorites-section h2{color:#fff}[data-theme=dark] .fav-group h3{color:#eee}[data-theme=dark] .fav-group span{color:#888}[data-theme=dark] .fav-group a{color:#bbb;border-bottom-color:#333}[data-theme=dark] .fav-group a:hover{border-bottom-color:#eee}[data-theme=dark] .footer-line,[data-theme=dark] .footer-divider{border-color:#222}[data-theme=dark] .footer-cta h2{color:#fff}[data-theme=dark] .footer-cta p{color:#666}[data-theme=dark] .footer-email-btn{background:#fff;color:#0f0f14}[data-theme=dark] .footer-credit{color:#555}[data-theme=dark] .footer-social a{border-color:#333;color:#888}[data-theme=dark] .footer-social a:hover{border-color:#666;color:#eee}