:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--navbar-height: 86px;--navbar-padding: 1rem;--border-radius: 12px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.modern-navbar{position:relative;top:0;left:0;right:0;height:var(--navbar-height);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:1000;transition:var(--transition-smooth)}.modern-navbar.dark{background:#0d1117cc;border-bottom:1px solid rgba(255,255,255,.08)}.modern-navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.modern-navbar.dark.scrolled{background:#0d1117f2}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:clamp(1000px,95vw,1600px);margin:0 auto;padding:0 clamp(.5rem,2vw,1.5rem);gap:clamp(.5rem,2vw,2rem)}.navbar-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-menu-trigger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.mobile-menu-trigger:hover{background:#0000000d}.dark .mobile-menu-trigger:hover{background:#ffffff0d}.brand-logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none}.brand-logo svg{display:none}.brand-logo:before{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;filter:var(--github-logo-filter)}:root{--github-logo-filter: brightness(0)}.dark-theme{--github-logo-filter: brightness(0) invert(1)}.mobile-brand:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;filter:var(--github-logo-filter);margin-right:.5rem}.mobile-brand svg{display:none}.navbar-center{display:flex;align-items:center;gap:2rem;flex:1;max-width:800px}.nav-menu{display:flex;align-items:center;gap:clamp(.2rem,.5vw,.4rem);background:#0000000a;padding:clamp(.3rem,.8vw,.5rem);border-radius:12px;border:1px solid rgba(0,0,0,.08)}.dark .nav-menu{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.nav-item{display:flex;align-items:center;gap:clamp(.3rem,.6vw,.5rem);padding:clamp(.3rem,.8vw,.5rem) clamp(.5rem,1.2vw,1rem);border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:clamp(.75rem,1.8vw,.875rem);font-weight:500;transition:var(--transition-fast);position:relative;white-space:nowrap;min-width:0}.nav-item:hover{color:var(--text-primary);background:#0000000d}.dark .nav-item:hover{background:#ffffff0d}.nav-item.active{color:var(--text-primary);background:#ffffffe6;box-shadow:var(--shadow-sm)}.dark .nav-item.active{background:#ffffff1a}.nav-badge{background:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:6px;line-height:1}.search-container{position:relative;display:flex;align-items:center;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:.5rem 1rem;min-width:200px;transition:var(--transition-fast)}.dark .search-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.search-container.focused{background:#ffffffe6;border-color:var(--accent-color);box-shadow:0 0 0 3px #f781661a}.dark .search-container.focused{background:#ffffff1a}.search-icon{color:var(--text-secondary);margin-right:.5rem;flex-shrink:0}.search-input{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;width:100%;outline:none}.search-input::placeholder{color:var(--text-secondary)}.navbar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-primary)!important;border-radius:8px;cursor:pointer;transition:var(--transition-fast);position:relative}.action-btn:hover{color:var(--text-primary)!important;background:#0000000d}.dark .action-btn:hover{background:#ffffff0d}.action-btn svg{color:var(--text-primary)!important;fill:currentColor!important;stroke:currentColor!important}.theme-toggle:hover{transform:rotate(180deg)}.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:#ef4444;border-radius:50%;border:1px solid var(--bg-primary)}.profile-section{position:relative}.profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.profile-trigger:hover{background:#0000000d}.dark .profile-trigger:hover{background:#ffffff0d}.avatar{width:30px;height:30px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.dark .avatar{border:1px solid rgba(255,255,255,.08)}.profile-caret{color:var(--text-secondary);transition:var(--transition-fast)}.profile-trigger:hover .profile-caret{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl);padding:.5rem;z-index:1001;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.dropdown-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover}.dropdown-user-info{flex:1}.dropdown-username{display:block;font-weight:600;color:var(--text-primary);font-size:.875rem}.dropdown-status{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.125rem}.dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.dropdown-menu{display:flex;flex-direction:column;gap:.125rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;text-decoration:none;font-size:.875rem;transition:var(--transition-fast);position:relative}.dropdown-item:hover{background:#0000000d}.dark .dropdown-item:hover{background:#ffffff0d}.external-icon{margin-left:auto;opacity:.6}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:320px;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:1000;transform:translate(-100%);transition:var(--transition-smooth);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.mobile-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.mobile-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.mobile-close:hover{background:#0000000d}.dark .mobile-close:hover{background:#ffffff0d}.mobile-user-card{display:flex;align-items:center;gap:1rem;padding:1.5rem 1rem;background:#00000005;margin:.5rem;border-radius:12px}.dark .mobile-user-card{background:#ffffff05}.mobile-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover}.mobile-user-info h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.mobile-user-info p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.mobile-nav{padding:1rem .5rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition-fast);margin-bottom:.25rem}.mobile-nav-item:hover{background:#0000000d}.dark .mobile-nav-item:hover{background:#ffffff0d}.mobile-nav-item.active{background:var(--accent-color);color:#fff}.mobile-badge{background:#fff3;color:currentColor;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:6px;margin-left:auto}.mobile-nav-item.active .mobile-badge{background:#fff3}.mobile-actions{padding:1rem;border-top:1px solid var(--border-color);margin-top:auto}.mobile-action{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.875rem;text-decoration:none;transition:var(--transition-fast);margin-bottom:.25rem}.mobile-action:hover{background:#0000000d}.dark .mobile-action:hover{background:#ffffff0d}.mobile-action svg:last-child{margin-left:auto;opacity:.6}.main-content,.layout-content{margin-top:0}svg[data-lucide]{display:inline-block!important;vertical-align:middle!important;width:1em!important;height:1em!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important}.nav-item svg,.action-btn svg,.dropdown-item svg,.mobile-nav-item svg,.mobile-action svg,.mobile-close svg,.mobile-menu-trigger svg,.profile-caret svg{display:inline-block!important;vertical-align:middle!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;min-width:16px!important;min-height:16px!important}.action-btn{position:relative}.action-btn svg{width:18px!important;height:18px!important;color:var(--text-primary)!important;stroke:var(--text-primary)!important;display:block!important;margin:0 auto!important}.mobile-menu-trigger svg{width:24px!important;height:24px!important;color:var(--text-primary)!important;stroke:var(--text-primary)!important}@media (max-width: 1024px){.mobile-menu-trigger{display:flex!important}.nav-menu{display:none}}@media (max-width: 768px){.modern-navbar{height:64px!important}.navbar-container{height:64px!important;padding:0 16px}.mobile-menu-trigger{display:flex!important;width:44px;height:44px}.mobile-menu-trigger svg{width:24px!important;height:24px!important}.navbar-brand{display:flex;align-items:center;gap:0rem;flex-shrink:0}.navbar-actions .notification-btn{display:none!important}.navbar-actions{gap:.25rem}}@media (max-width: 480px){.modern-navbar{height:56px!important}.navbar-container{height:56px!important;padding:0 12px}.mobile-menu-trigger{display:flex!important;width:40px;height:40px}.mobile-menu-trigger svg{width:22px!important;height:22px!important}.navbar-actions .notification-btn{display:none!important}.navbar-actions{gap:.3rem}}@media (max-width: 360px){.modern-navbar{height:52px!important}.navbar-container{height:52px!important;padding:0 10px}.mobile-menu-trigger svg{width:20px!important;height:20px!important}.navbar-actions .notification-btn{display:none!important}.navbar-actions{gap:.2rem}}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--text-primary: #24292f;--text-secondary: #57606a;--border-color: #d0d7de;--accent-color: #f78166}body.dark-theme{--bg-primary: #0d1117;--bg-secondary: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: #30363d;--accent-color: #f78166}.portfolio-logo{display:flex;align-items:center;justify-content:center}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-color),#ff8a65);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f781664d;transition:var(--transition-fast);position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--accent-color),#ff8a65,var(--accent-color));border-radius:10px;z-index:-1;opacity:0;transition:opacity .3s ease}.logo-icon:hover:before{opacity:1}.logo-icon:hover{transform:scale(1.05)}.logo-text{font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif;letter-spacing:-.5px}.geometric-logo{width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center}.geometric-logo:before,.geometric-logo:after{content:"";position:absolute;width:12px;height:12px;background:var(--accent-color);border-radius:2px;transition:var(--transition-fast)}.geometric-logo:before{top:2px;left:2px;transform:rotate(45deg)}.geometric-logo:after{bottom:2px;right:2px;background:linear-gradient(135deg,var(--accent-color),#ff8a65);transform:rotate(45deg)}.geometric-logo:hover:before,.geometric-logo:hover:after{transform:rotate(45deg) scale(1.1)}.code-logo{width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:20px;font-weight:600;font-family:Fira Code,monospace}.code-logo:before{content:"</>";transition:var(--transition-fast)}.code-logo:hover:before{transform:scale(1.1);color:var(--accent-color)}.dot-logo{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:4px}.dot-logo:before,.dot-logo:after{content:"";background:var(--accent-color);border-radius:50%;transition:var(--transition-fast)}.dot-logo:before{grid-column:1;grid-row:1}.dot-logo:after{grid-column:3;grid-row:3}.dot-logo:hover:before,.dot-logo:hover:after{transform:scale(1.2);box-shadow:0 0 8px var(--accent-color)}.mobile-brand .portfolio-logo .logo-icon{width:28px;height:28px}.mobile-brand .logo-text{font-size:16px}.brand-logo:before,.mobile-brand:before{display:none}.brand-logo svg,.mobile-brand svg{display:none}.github-nav-item.active:after,.nav-item.active .nav-link:after,.github-nav-item[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--accent-color);border-radius:2px 2px 0 0;animation:none!important;opacity:1!important;box-shadow:none!important}.github-nav-item:focus,.nav-link:focus,button.nav-link:focus,a.github-nav-item:focus{outline:none!important;box-shadow:none!important;animation:none!important}@keyframes borderGlow{0%,50%,to{opacity:1;box-shadow:none}}.nav-item.active .nav-link,.github-nav-item.active,.github-nav-item[aria-current=page]{border-bottom:2px solid var(--accent-color)!important;transition:none!important}@media (max-width: 1024px){.header-container{padding:0 12px}.github-logo svg{height:28px;width:28px}.avatar-small{width:28px;height:28px}.nav-link{font-size:14px;padding:0 8px}.search-input{width:180px}.icon-button{width:28px;height:28px}.icon-button svg{width:18px;height:18px}}@media (min-width: 1082px) and (max-width: 1532px){.header-container{padding:12px 16px;min-height:56px}.github-logo svg{width:28px;height:28px}.avatar-small{width:28px;height:28px}.mini-search{display:flex;max-width:200px}}@media (max-width: 768px){.header-container{padding:4px 8px;min-height:44px}.modern-navbar{max-height:64px}.github-logo svg{width:24px;height:24px}.avatar-small{width:24px;height:24px}.mini-search{display:none}}@media (max-width: 480px){.header-container{padding:8px;min-height:44px}.github-logo{left:35px}.mini-search{width:100px}.header-container{padding:5px;min-height:36px}.github-logo svg{height:24px;width:24px}.avatar-small{width:24px;height:24px}.mini-search{max-width:120px}.header-icons{gap:12px}}@media (max-width: 360px){.mini-search{display:none}.github-logo{left:38px}.header-icons{gap:8px}.github-logo svg{width:28px;height:28px}}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: #30363d;--accent-color: #f78166;transition:all .3s ease}.mobile-menu-trigger svg{min-width:23px!important;min-height:26px!important}.action-btn,.profile-trigger,.mobile-menu-trigger,.nav-item,.dropdown-item,.mobile-nav-item,.mobile-action,.mobile-close{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}@media (hover: none) and (pointer: coarse){.action-btn:focus,.action-btn:active,.profile-trigger:focus,.profile-trigger:active,.mobile-menu-trigger:focus,.mobile-menu-trigger:active,.nav-item:focus,.nav-item:active,.dropdown-item:focus,.dropdown-item:active{outline:none!important;border:none!important;box-shadow:none!important}}.action-btn:focus-visible,.profile-trigger:focus-visible,.mobile-menu-trigger:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.action-btn::-moz-focus-inner,.profile-trigger::-moz-focus-inner,.mobile-menu-trigger::-moz-focus-inner{border:none!important;outline:none!important}*,*:before,*:after,*:focus,*:active,*:hover{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.action-btn,.action-btn *,.profile-trigger,.profile-trigger *,.mobile-menu-trigger,.mobile-menu-trigger *,.nav-item,.nav-item *,.dropdown-item,.dropdown-item *,.mobile-nav-item,.mobile-nav-item *,.mobile-action,.mobile-action *,.mobile-close,.mobile-close *,.profile-dropdown,.profile-dropdown *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;outline:none!important;border:none!important;box-shadow:none!important}button,button:focus,button:active,button:hover,a,a:focus,a:active,a:hover,[role=button],[role=button]:focus,[role=button]:active,[role=button]:hover{-webkit-tap-highlight-color:transparent!important;outline:none!important;border:none!important;box-shadow:none!important}@media screen and (max-width: 768px){*,*:before,*:after{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-appearance:none!important;outline:none!important;-moz-appearance:none!important;appearance:none!important}button,a,[role=button],.action-btn,.profile-trigger,.mobile-menu-trigger{-webkit-tap-highlight-color:transparent!important;outline:none!important;border:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}}button::-moz-focus-inner,input::-moz-focus-inner{border:0!important;padding:0!important;margin:0!important;outline:none!important}button,input[type=button],input[type=submit]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.theme-toggle svg,.notification-btn svg{min-width:18px!important;min-height:18px!important}.layout-container{position:relative;min-height:100vh;width:100%;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow:hidden}.grid-background{position:fixed;top:0;left:0;width:100%;height:100vh!important;pointer-events:none;overflow:hidden;z-index:1}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);opacity:var(--grid-opacity)}.grid-dots{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:linear-gradient(var(--grid-line-color) .5px,transparent .5px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:calc(var(--grid-size) / 4) calc(var(--grid-size) / 4);opacity:calc(var(--grid-opacity) * .5)}.ambient-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130vw;height:130vh;background:radial-gradient(ellipse at center,var(--ambient-glow) 0%,transparent 70%);opacity:.7}.layout-content{position:relative;z-index:1;min-height:100vh}.content-wrapper{width:100%;max-width:100%;margin:0 auto;padding:20px 10px 60px}.content-card{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);padding:30px;margin-bottom:30px;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.section-heading{font-size:28px;font-weight:700;margin-bottom:20px;color:var(--text-primary);position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:var(--accent-color);border-radius:3px}@media (max-width: 768px){.content-wrapper{padding:20px 10px 40px}.content-card{padding:20px}.section-heading{font-size:24px}}@media (max-width: 480px){.content-wrapper{padding:15px 5px 30px}}.grid-background.dark .grid-lines{border-color:#ffffff0d}.grid-background.dark .grid-dots{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px)}.grid-background.dark .ambient-light{background:radial-gradient(circle at 50% 50%,rgba(25,100,150,.15),transparent 80%);opacity:1}.grid-background.dark .light-rays{opacity:.15}.grid-background.dark .light-emergence{opacity:.2}.grid-background.dark .light-flare{opacity:.4}.grid-background.light .grid-lines{border-color:#0000000d}.grid-background.light .grid-dots{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px)}.grid-background.light .ambient-light{background:radial-gradient(circle at 50% 50%,rgba(100,150,255,.1),transparent 80%);opacity:.5}.grid-background.light .light-rays{opacity:.08}.grid-background.light .light-emergence{opacity:.15}.grid-background.light .light-flare{opacity:.25}.grid-background *,.grid-background.light *,.grid-background.dark *{transition:none!important}.overview-page-wrapper.overview-wrapper{width:100%;max-width:100%;margin:0 auto;padding:1rem;min-height:100vh}.hero-section{margin-bottom:2rem}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5rem!important;max-width:100%}.hero-profile{display:flex;justify-content:center;margin-bottom:2rem}.profile-image-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-image{border-radius:20px;object-fit:cover;border:3px solid var(--border-color);box-shadow:0 8px 24px #0000001a;transition:all .3s ease}.profile-image:hover{transform:scale(1.02);border-color:var(--accent-color)}.status-indicator{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);font-weight:500}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:500px}.hero-text{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.greeting{font-size:1rem;color:var(--text-secondary);font-weight:500}.name{font-size:2rem;font-weight:700;color:var(--accent-color);margin:0;line-height:1.1}.role{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3}.location{display:flex;align-items:center!important;gap:.5rem;color:var(--text-secondary)!important;font-size:.9375rem!important}.location svg{color:var(--accent-color)}.description{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-align:center;margin:0;max-width:400px}.hero-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px;padding-bottom:2.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9375rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;min-height:48px}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 16px #f781664d}.btn-primary:hover{background:#e85d41;transform:translateY(-2px);box-shadow:0 8px 24px #f7816666}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--accent-color);transform:translateY(-1px)}.social-section{width:100%;display:flex;justify-content:center!important}.social-links{display:flex;gap:1rem;justify-content:center!important}.social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stats-section{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:100%}.stat-item{display:flex;align-items:center;gap:.75rem!important;background:var(--bg-secondary);padding:1rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stat-item div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-value{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1}.content-sections{display:flex;flex-direction:column!important;gap:1.5rem}.content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.content-card:hover{box-shadow:0 4px 16px #0000001a;border-color:#f781664d}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;margin-top:0!important}.card-header svg{color:var(--accent-color);flex-shrink:0}.card-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.card-content{display:flex;flex-direction:column;gap:1rem}.card-content p{font-size:.95rem;line-height:2;color:var(--text-secondary);margin:0}.overview-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:0;margin-bottom:2rem!important}.tag{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.tag:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tag svg{flex-shrink:0}.skills-container{display:flex;flex-direction:column;gap:2rem}.skill-category{display:flex;flex-direction:column;gap:1rem}.category-title{font-size:1.125rem;font-weight:600;color:var(--accent-color);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.skill-item{display:flex!important;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;cursor:pointer;flex-direction:row}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#f781664d}.skill-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:6px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-color)}.skill-item span{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.2}.skill-icon.java{background:#f89820;color:#fff}.skill-icon.javascript{background:#f7df1e;color:#000}.skill-icon.typescript{background:#3178c6;color:#fff}.skill-icon.python{background:#3776ab;color:#fff}.skill-icon.c{background:#a8b9cc;color:#000}.skill-icon.cpp{background:#00599c;color:#fff}.skill-icon.html{background:#e34f26;color:#fff}.skill-icon.css{background:#1572b6;color:#fff}.skill-icon.react{background:#61dafb;color:#000}.skill-icon.nextjs{background:#000;color:#fff}.skill-icon.nodejs{background:#393;color:#fff}.skill-icon.spring{background:#6db33f;color:#fff}.skill-icon.flask{background:#000;color:#fff}.skill-icon.django{background:#092e20;color:#fff}.skill-icon.tailwind{background:#06b6d4;color:#fff}.skill-icon.git{background:#f05032;color:#fff}.skill-icon.docker{background:#2496ed;color:#fff}.skill-icon.kubernetes{background:#326ce5;color:#fff}.skill-icon.aws{background:#f90;color:#fff}.skill-icon.azure{background:#0078d4;color:#fff}.skill-icon.mongodb{background:#47a248;color:#fff}.skill-icon.mysql{background:#4479a1;color:#fff}.skill-icon.redis{background:#dc382d;color:#fff}.skill-icon.postgresql{background:#336791;color:#fff}.skill-icon.linux{background:#fcc624;color:#000}.skill-icon.vscode{background:#007acc;color:#fff}.skill-icon.jenkins{background:#d33833;color:#fff}.skill-icon.terraform{background:#623ce4;color:#fff}.skill-icon.grafana{background:#f46800;color:#fff}.skill-icon.github{background:#181717;color:#fff}@media (max-width: 767px){.skill-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.skill-item{padding:.625rem .75rem;gap:.5rem}.skill-icon{width:20px;height:20px;font-size:14px}.skill-item span,.category-title{font-size:1rem}}@media (max-width: 480px){.skill-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.skill-item{padding:.7rem;flex-direction:row;text-align:center;gap:.375rem}.skill-icon{width:18px;height:18px;font-size:12px}.skill-item span{font-size:.825rem;line-height:1.1}.category-title{font-size:.9375rem}}.focus-list{display:flex;flex-direction:column;gap:1rem}.focus-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.focus-item:hover{border-color:var(--accent-color);transform:translate(4px);box-shadow:0 2px 8px #0000000d}.focus-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem;position:relative}.focus-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;opacity:.3;animation:focusPulse 2s infinite}.focus-dot.active{background:#22c55e}.focus-dot.active:after{background:#22c55e}.focus-dot.learning{background:#3b82f6}.focus-dot.learning:after{background:#3b82f6}.focus-dot.building{background:#a855f7}.focus-dot.building:after{background:#a855f7}@keyframes focusPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.focus-content h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem;line-height:1.3}.focus-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin:0}@media (min-width: 768px){.overview-page-wrapper.overview-wrapper{padding:2rem}.hero-container{gap:2rem!important}.profile-image{width:180px;height:180px}.name{font-size:2.5rem}.role{font-size:1.25rem}.hero-actions{flex-direction:row;max-width:400px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.content-sections{gap:2rem}.content-card{padding:2rem;padding-top:1.5rem!important}.card-header h2{font-size:1.375rem}}@media (min-width: 1024px){.overview-page-wrapper.overview-wrapper{max-width:1200px;padding:3rem 2rem}.hero-container{flex-direction:row;text-align:left;gap:3rem!important;align-items:center}.hero-profile{margin-bottom:0}.profile-image{width:250px;height:250px}.hero-content{align-items:flex-start;text-align:left;max-width:none;flex:1}.hero-text{align-items:flex-start;text-align:left}.name{font-size:3rem}.role{font-size:1.5rem}.description{text-align:left;max-width:600px;font-size:1.125rem}.hero-actions{max-width:400px}.social-section{justify-content:flex-start}.content-sections{display:column;grid-template-columns:1fr 1fr;gap:2.5rem}.content-card:last-child{grid-column:1 / -1}}@media (min-width: 1400px){.overview-page-wrapper.overview-wrapper{padding:4rem 3rem}.hero-container{gap:5rem!important}.content-sections{gap:3rem}}@media print{.overview-wrapper{max-width:none;padding:0}.hero-container{grid-template-columns:1fr;gap:1rem!important}.social-links,.cta-button{display:none}.content-section{box-shadow:none;border:1px solid #ccc}}.focus-content{flex:1;min-width:0}.focus-content h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.focus-content p{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.focus-badge{padding:.2rem .625rem;border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}@media (max-width: 1399px){.hero-container{grid-template-columns:260px 1fr;gap:5rem!important}.profile-image{width:250px;height:250px}}@media (max-width: 1023px){.overview-wrapper{padding:1.25rem 1rem}.hero-container{grid-template-columns:1fr;gap:1rem!important;text-align:center;min-height:auto}.hero-profile{order:1;margin-bottom:1rem}.hero-content{order:2;align-items:center;text-align:center;margin-top:0}.profile-card{max-width:280px}.profile-image{width:250px;height:250px}.hero-highlights{max-width:500px}.hero-actions{justify-content:center}}@media (max-width: 767px){.hero-section{margin-bottom:0rem!important}.overview-wrapper{padding:1rem .75rem}.profile-card{padding:1.5rem;max-width:260px}.profile-image{width:250px;height:250px}.profile-name{font-size:1.25rem}.action-button{padding:.75rem 1rem;font-size:.8125rem}.social-button{width:40px;height:40px}.hero-name{font-size:2rem}.specialty-text{font-size:1.125rem}.hero-description{font-size:1rem;text-align:left}.highlight-item{padding:.875rem}.highlight-icon{width:40px;height:40px}}@media (max-width: 480px){.overview-wrapper{padding:.75rem .5rem}.profile-card{padding:1.25rem;max-width:240px}.profile-image{width:180px;height:180px}.profile-actions{gap:.5rem}.action-button{padding:.625rem .875rem;font-size:.75rem}.hero-name{font-size:1.75rem}.specialty-text{font-size:1rem}.hero-description{font-size:1rem;text-align:left}.highlight-item{padding:.875rem}.highlight-icon{width:40px;height:40px}}@media (max-width: 360px){.profile-card{padding:1rem;max-width:220px}.profile-image{width:150px;height:150px}.profile-name{font-size:1.125rem}.profile-role{font-size:.8125rem}.highlight-item{flex-direction:column;text-align:center;gap:.75rem}}@keyframes profileGlow{}@keyframes statusPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.wave-emoji{animation:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wave-emoji{animation:none}.profile-image:before{animation:none}.status-dot{animation:none}.focus-indicator:after{animation:none}}@media (prefers-contrast: high){.content-section,.stat-card,.skill-category,.focus-item,.tech-tag:hover,.interest-tag:hover{border-width:2px}}.cta-button:focus,.social-link:focus,.tech-tag:focus,.interest-tag:focus{outline:2px solid var(--accent-color);outline-offset:2px}.education-container{display:flex;flex-direction:column;gap:1.5rem}.education-item{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.education-item:hover{border-color:#f781664d;box-shadow:0 4px 12px #00000014}.education-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f781661a;border:1px solid rgba(247,129,102,.2);border-radius:10px;color:var(--accent-color);flex-shrink:0;margin-top:.25rem}.education-content{flex:1;min-width:0}.education-title-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.education-title-row h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.education-achievements{display:flex;flex-wrap:wrap;gap:.5rem}.cgpa-badge{padding:.375rem .875rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:16px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #22c55e33}.distinction-badge{padding:.375rem .875rem;background:linear-gradient(135deg,var(--accent-color),#ff8a65);color:#fff;border-radius:16px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #f7816633}.institution{font-size:1rem;font-weight:500;color:var(--accent-color);margin:0 0 .75rem}.education-meta{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.duration,.location{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.duration svg,.location svg{color:var(--accent-color);flex-shrink:0}.education-highlights{display:flex;flex-wrap:wrap;gap:.5rem}.highlight-tag{padding:.25rem .625rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.highlight-tag:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media (max-width: 767px){.education-item{flex-direction:row;gap:.875rem;padding:1rem;align-items:flex-start}.education-icon{width:36px;height:36px;margin-top:.5rem}.education-title-row{margin-top:.5rem;gap:.5rem;margin-bottom:.375rem}.education-title-row h3{font-size:1rem;line-height:1.25}.education-achievements{gap:.375rem}.cgpa-badge,.distinction-badge{font-size:.75rem;padding:.25rem .625rem}.institution{font-size:.9375rem;margin-bottom:.5rem}.education-meta{flex-direction:column;gap:.375rem;margin-bottom:.5rem}.duration,.location{font-size:.8125rem}.education-highlights{gap:.375rem;margin-bottom:.5rem}.highlight-tag{font-size:.6875rem;padding:.1875rem .5rem}}@media (max-width: 480px){.education-container{gap:1rem}.education-item{padding:.875rem;gap:.75rem}.education-icon{width:32px;height:32px}.education-title-row h3{font-size:.9375rem}.cgpa-badge,.distinction-badge{font-size:.6875rem;padding:.1875rem .5rem}.institution{font-size:.875rem}.education-meta{gap:.25rem}.duration,.location{font-size:.75rem}.highlight-tag{font-size:.625rem;padding:.125rem .375rem}}@media (max-width: 360px){.education-achievements{flex-direction:column;gap:.25rem}.cgpa-badge,.distinction-badge{text-align:center;font-size:.65rem}.education-title-row h3{font-size:.875rem}}.about-content-container{padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;margin-bottom:1rem}.about-content-container:hover{border-color:#f781664d;box-shadow:0 4px 12px #00000014}.about-content-container p{font-size:.95rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1rem}.about-content-container p:last-child{margin-bottom:0}.section-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--accent-color) 50%,var(--border-color) 80%,transparent 100%);margin:2rem 0 1.5rem;position:relative}.section-separator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px #f781664d}@media (max-width: 767px){.about-content-container{padding:1rem}.about-content-container p{font-size:.9rem;line-height:1.75}.section-separator{margin:1.5rem 0 1rem}.section-separator:before{width:4px;height:4px}}@media (max-width: 480px){.about-content-container{padding:.875rem}.about-content-container p{font-size:.85rem}}.projects-header{margin-bottom:2rem;text-align:center}.projects-subtitle{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:400px;margin:0 auto}.projects-filter-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:0}.projects-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;width:auto;max-width:100%}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#f781664d}.project-card.featured{border-color:#f7816666;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(247,129,102,.02) 100%)}.project-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),#ff8a65)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;border-bottom:1px solid var(--border-color)}.project-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--accent-color);flex-shrink:0;transition:all .3s ease}.project-card:hover .project-icon{transform:scale(1.1);box-shadow:0 4px 12px #f7816633}.project-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.project-badges{display:flex;flex-direction:column;gap:.25rem}.featured-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f781661a;color:var(--accent-color);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;text-align:center}.project-content{flex:1;display:flex;flex-direction:column}.project-image{position:relative;height:200px;overflow:hidden;background:var(--bg-primary)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-secondary)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.overlay-actions{display:flex;gap:.75rem}.overlay-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.overlay-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)}.project-details{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:1rem}.project-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-info{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.info-item svg{color:var(--accent-color);flex-shrink:0}.project-tech{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto}.tech-tag{padding:.25rem .5rem;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tech-tag.more{background:#f781661a;color:var(--accent-color);border-color:#f781664d}.project-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease}.project-link:hover{color:var(--accent-color)}.project-link svg{flex-shrink:0}.project-stats{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.875rem}.stat-item svg{color:var(--accent-color)}@media (min-width: 768px){.projects-subtitle{font-size:1.125rem;max-width:600px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.project-image{height:220px}.project-info{flex-direction:row;gap:1rem}}@media (min-width: 1024px){.projects-subtitle{font-size:1.125rem;max-width:700px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.project-image{height:240px}}@media (min-width: 1400px){.projects-grid{gap:3rem}}@media (max-width: 767px){.projects-filter{flex-direction:column;gap:.375rem;padding:.5rem .75rem;width:100%}.projects-grid{gap:1rem}.project-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.project-meta{align-items:flex-start}.project-badges{flex-direction:row;gap:.5rem}.project-details{padding:1rem}.project-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-footer{padding:1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.project-links{width:100%;justify-content:center}}@media (max-width: 480px){.project-image{height:180px}.project-title{font-size:1rem}.project-description{font-size:.875rem}.overlay-actions{gap:.5rem}.overlay-btn{width:36px;height:36px}.project-links{flex-direction:column;gap:.5rem}.project-link{justify-content:center}}@media (prefers-reduced-motion: reduce){.project-card,.project-image img,.overlay-btn,.project-icon{transition:none!important}}@media (prefers-contrast: high){.project-card,.projects-filter{border-width:2px}}.project-card:focus,.overlay-btn:focus,.project-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.project-card{-webkit-tap-highlight-color:transparent}.about-container-stars{width:100%;max-width:100%;margin:0 auto;padding:1rem;min-height:80vh}.certificates-header{margin-bottom:2rem;text-align:center}.section-start-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.2}.section-start-title svg{color:var(--accent-color);flex-shrink:0}.certificates-subtitle{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:400px;margin:0 auto}.certificates-filter-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:0}.certificates-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:5px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;width:auto;max-width:100%}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:all .3s ease;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;white-space:nowrap;min-height:42px}.filter-button:hover{background:var(--bg-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-button.active{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f781664d}.filter-icon{display:flex;align-items:center;flex-shrink:0}.certificates-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%}.certificate-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.certificate-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#f781664d}.certificate-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}.certificate-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--accent-color);flex-shrink:0;transition:all .3s ease}.certificate-card:hover .certificate-icon{transform:scale(1.1);box-shadow:0 4px 12px #f7816633}.certificate-titles{flex:1;min-width:0}.certificate-name{margin:0 0 .2rem;font-size:1rem;font-weight:650;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%}.certificate-name:before{display:none}.certificate-name.long-title:before{display:none}@keyframes scrollText{}.certificate-name.multiline{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto;min-height:2.6em;text-overflow:ellipsis}.certificate-issuer{font-size:.9375rem;color:var(--text-secondary);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-content{flex:1;display:flex;flex-direction:column}.certificate-image{position:relative;height:140px;overflow:hidden;background:var(--bg-primary)}.certificate-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.certificate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:1rem;font-weight:600}.certificate-card:hover .certificate-image img{transform:scale(1.05)}.certificate-card:hover .certificate-overlay{opacity:1}.certificate-footer{padding:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.certificate-date{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500}.certificate-date svg{color:var(--accent-color);flex-shrink:0}.certificate-skills{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:flex-end;max-width:50%}.mini-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.mini-tag:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.mini-tag.more{background:#f781661a;color:var(--accent-color);border-color:#f781664d}@media (min-width: 768px){.about-container-stars{padding:2rem}.section-start-title{font-size:2.1rem}.certificates-subtitle{font-size:1.125rem;max-width:600px}.certificates-filter{gap:.75rem;padding:.5rem .75rem}.filter-button{padding:.2rem .75rem;font-size:.9rem}.certificates-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.certificate-image{height:160px}}@media (min-width: 1024px){.about-container-stars{max-width:1200px;padding:3rem 2rem}.section-start-title{font-size:2.1rem}.certificates-subtitle{font-size:1.125rem;max-width:700px}.certificates-filter-container{margin-bottom:3rem}.certificates-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.certificate-image{height:180px}}@media (min-width: 1400px){.certificates-grid{gap:3rem}}@media (max-width: 767px){.about-container-stars{padding:1.5rem .75rem}.section-start-title{font-size:1.75rem;gap:.5rem}.certificates-subtitle{font-size:.95rem}.certificates-filter{flex-direction:column;gap:.375rem;padding:.75rem;width:100%}.filter-button{justify-content:center;padding:.75rem 1rem;font-size:.875rem}.certificates-grid{gap:1rem}.certificate-header{padding:1.25rem}.certificate-footer{padding:1.25rem;flex-direction:column;gap:.75rem;align-items:flex-start}.certificate-skills{max-width:100%;justify-content:flex-start}.certificate-name{font-size:1rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.4em;line-height:1.2}.certificate-name:before{display:none}}@media (max-width: 480px){.about-container-stars{padding:1rem .5rem}.section-start-title{font-size:1.5rem;gap:.375rem}.certificates-subtitle{font-size:.875rem}.filter-button{padding:.625rem .875rem;font-size:.8125rem}.certificate-header,.certificate-footer{padding:1rem}.certificate-name{font-size:.95rem;-webkit-line-clamp:2;line-clamp:2;min-height:2.2em;text-overflow:ellipsis}}@media (max-width: 360px){.about-container-stars{padding:.75rem .25rem}.section-start-title{font-size:1.375rem}.certificates-filter{padding:.5rem}.filter-button{padding:.5rem .75rem;font-size:.75rem}.certificate-icon{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.certificate-card,.certificates-filter,.filter-button,.filter-button:hover,.certificate-card:hover{border-width:2px}}.filter-button:focus,.certificate-card:focus{outline:2px solid var(--accent-color);outline-offset:2px}.certificate-card{cursor:pointer;-webkit-tap-highlight-color:transparent}@media print{.about-container-stars{max-width:none;padding:0}.certificates-filter-container{display:none}.certificate-card{box-shadow:none;border:1px solid #ccc}}.skill-card svg{color:var(--accent-color);flex-shrink:0}.cert-verification{display:flex;flex-direction:column;gap:15px}.cert-verification-link{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);word-break:break-all}.verify-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--accent-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;margin-top:5px}.verify-button:hover{filter:brightness(110%);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.verify-button svg{font-size:18px}[data-theme=light] .cert-modal,[data-theme=light] .cert-modal-content,[data-theme=light] .cert-modal-header,[data-theme=light] .cert-modal-body{background-color:#f5f5f7!important;color:#333!important;border-color:#e5e5e5!important}[data-theme=light] .cert-modal-title{color:#333!important}[data-theme=light] .cert-detail-section{border-color:#0000001a!important}[data-theme=light] .skill-card{background-color:#00000008!important;border-color:#00000014!important;color:#555!important}.issue-date{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.issue-date svg{color:var(--accent-color)}.tip-popup{position:absolute;right:65px;top:50%;transform:translateY(-50%);background-color:var(--bg-secondary);color:var(--text-primary);padding:10px 15px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 15px #00000026;border:1px solid var(--border-color);z-index:10;width:180px;text-align:center;pointer-events:none}@keyframes tipFadeInOut{0%{opacity:0;transform:translateY(-50%) translate(10px)}10%{opacity:1;transform:translateY(-50%) translate(0)}80%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-10px)}}.tip-popup.first-visit{animation:tipFadeInOut 5s forwards}.tip-popup:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--bg-secondary)}.view-toggle{background:#404040!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=light] .view-toggle{background:#555!important;border:1px solid rgba(255,255,255,.2)!important}.certificates-toolbar{position:sticky;top:0;z-index:50;background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border-color)}.filter-icon-btn,.view-toggle-btn{background:none;border:none;color:var(--text-secondary);padding:8px;border-radius:50%;cursor:pointer;transition:background .2s;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.filter-icon-btn:hover,.view-toggle-btn:hover{background:var(--bg-tertiary)}.filter-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e1e1eb3;display:flex;align-items:center;justify-content:center;z-index:999}.filter-options{background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:24px 18px;display:flex;flex-direction:column;gap:14px;min-width:220px}.filter-option{background:none;border:none;color:var(--text-primary);font-size:1rem;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .18s}.filter-option.active,.filter-option:hover{background:var(--accent-color, #f78166);color:#fff}.close-filter{position:absolute;top:18px;right:24px;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer}@media (max-width: 600px){.certificates-toolbar{padding:6px 8px}}.mobile-filters-container{display:none}@media (max-width: 768px){.certificates-filter-container{display:none}.mobile-filters-container{display:flex;position:sticky;top:0;z-index:100;background:var(--bg-primary);padding:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #00000014}.current-filter{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.current-filter span{font-size:15px}.mobile-filter-button{flex:1;padding:10px;border-radius:20px;font-size:14px;font-weight:500;transition:all .25s ease;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:6px}.mobile-filter-button:hover{background:var(--accent-color);color:#fff}.filter-button{display:none}}.contact-header{margin-bottom:3rem;text-align:center}.contact-subtitle{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:500px;margin:0 auto}.contact-main{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000000d}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.form-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group label svg{color:var(--accent-color)}.form-group input,.form-group textarea{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #f781661a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:#e85d41;transform:translateY(-2px);box-shadow:0 8px 25px #f781664d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.success{background:#22c55e}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#16a34a;font-size:.875rem;font-weight:500}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.info-header{text-align:center}.info-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.info-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contact-method:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#f781664d}.contact-method.primary{border-color:#f781664d;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(247,129,102,.02) 100%)}.method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f781661a;border-radius:10px;color:var(--accent-color);flex-shrink:0}.contact-method.primary .method-icon{background:var(--accent-color);color:#fff}.method-content{flex:1;min-width:0}.method-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem}.method-content p{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .5rem}.method-value{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.method-value span{font-size:.875rem;font-weight:600;color:var(--text-primary);font-family:Fira Code,monospace}.method-actions{display:flex;gap:.375rem;flex-shrink:0}.copy-btn,.contact-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .3s ease}.copy-btn:hover,.contact-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.05)}.contact-stats{display:grid;grid-template-columns:1fr;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.stat-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.stat-item svg{color:var(--accent-color);flex-shrink:0}.stat-item div{display:flex;flex-direction:column;gap:.125rem}.stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.social-links-section h3,.quick-actions h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:center}.social-links-grid{display:flex;flex-direction:column;gap:.75rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--social-color);transform:scaleY(0);transition:transform .3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--social-color)}.social-link:hover:before{transform:scaleY(1)}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0000000d;border-radius:10px;color:var(--social-color);flex-shrink:0}.social-info{flex:1;min-width:0}.social-name{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.social-handle{display:block;font-size:.8125rem;color:var(--text-secondary);font-family:Fira Code,monospace}.social-external{color:var(--text-secondary);flex-shrink:0;transition:all .3s ease}.social-link:hover .social-external{color:var(--social-color);transform:translate(2px)}.action-buttons{display:flex;flex-direction:column;gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;font-size:.9375rem;font-weight:600}.action-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-btn.primary:hover{background:#e85d41;box-shadow:0 4px 12px #f781664d}.action-btn.secondary:hover{background:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}@media (min-width: 768px){.contact-subtitle{font-size:1.125rem;max-width:600px}.form-grid{grid-template-columns:1fr 1fr}.contact-stats{grid-template-columns:repeat(3,1fr)}.action-buttons{flex-direction:row}}@media (min-width: 1024px){.contact-subtitle{font-size:1.125rem;max-width:700px}.contact-main{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.form-header,.info-header,.social-links-section h3,.quick-actions h3{text-align:left}}@media (max-width: 767px){.contact-form-section{padding:1.5rem}.contact-method{padding:1rem}.method-value{flex-direction:column;align-items:flex-start;gap:.5rem}.method-actions{align-self:stretch;justify-content:space-around}}@media (max-width: 480px){.contact-form-section{padding:1rem}.form-header h2,.info-header h2{font-size:1.25rem}.contact-method{padding:.875rem}.method-icon{width:36px;height:36px}.copy-btn,.contact-btn{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.contact-method,.social-link,.action-btn,.submit-btn{transition:none!important}.spinner{animation:none!important}}.form-group input:focus,.form-group textarea:focus,.submit-btn:focus,.action-btn:focus,.copy-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.copy-btn,.action-btn,.submit-btn,.social-link{min-height:44px;-webkit-tap-highlight-color:transparent}.experience-header{margin-bottom:2rem;text-align:center}.experience-subtitle{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:400px;margin:0 auto}.experience-filters{margin-bottom:2rem}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:5px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;width:auto;max-width:100%;margin:0 auto}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:all .3s ease;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;white-space:nowrap;min-height:42px}.filter-btn:hover{background:var(--bg-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-btn.active{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f781664d}.filter-count{background:#fff3;color:currentColor;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;margin-left:.25rem}.timeline-wrapper{position:relative;max-width:900px;margin:0 auto}.timeline-container{position:relative;padding-left:2rem}.timeline-line{position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--border-color) 10%,var(--border-color) 90%,transparent 100%)}.timeline-item{position:relative;margin-bottom:2.5rem;display:flex;align-items:flex-start}.timeline-marker{position:absolute;left:-1.65rem;top:0;display:flex;align-items:center;justify-content:center;z-index:2}.marker-dot{width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.marker-dot.current{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 0 20px #22c55e66}.marker-dot.featured{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 20px #f7816666}.simple-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%}.timeline-content{flex:1;min-width:0;margin-left:2rem}.experience-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.experience-card:hover{border-color:#f781664d;box-shadow:0 12px 40px #0000001a;transform:translateY(-2px)}.timeline-item.featured .experience-card{border-color:#f7816666;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(247,129,102,.02) 100%)}.timeline-item.current .experience-card{border-color:#22c55e66;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(34,197,94,.02) 100%)}.experience-card .card-header{padding:1.5rem 1.5rem 0rem;border-bottom:1px solid var(--border-color);background:transparent;margin-bottom:0rem}.experience-card .header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.experience-card .job-info{flex:1;min-width:0}.experience-card .job-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.experience-card .company-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.experience-card .company-info svg{color:var(--accent-color)}.experience-card .company-name{font-weight:600}.experience-card .company-link{color:var(--accent-color);transition:all .3s ease;padding:.25rem;border-radius:4px}.experience-card .company-link:hover{background:#f781661a;transform:scale(1.1)}.experience-card .job-badges{display:flex;flex-direction:column;gap:.5rem}.experience-card .status-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.experience-card .status-badge.current{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.experience-card .status-badge.featured{background:#f781661a;color:var(--accent-color);border:1px solid rgba(247,129,102,.3)}.experience-card .type-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.experience-card .header-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.experience-card .meta-info{display:flex;flex-wrap:wrap;gap:1rem}.experience-card .meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.experience-card .meta-item svg{color:var(--accent-color)}.experience-card .expand-btn{background:#eaeaea;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.8125rem;font-weight:500;white-space:nowrap}.experience-card .expand-btn:hover{background:#eaeaea;border-color:var(--accent-color);color:var(--accent-color)}.experience-card .card-preview{padding:1.5rem;border-bottom:1px solid var(--border-color)}.experience-card .preview-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem}.experience-card .preview-highlights{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.experience-card .highlight-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.experience-card .highlight-item svg{color:var(--accent-color)}.experience-card .preview-tech{display:flex;flex-wrap:wrap;gap:.5rem}.experience-card .tech-chip{padding:.25rem .625rem;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;font-weight:500}.experience-card .tech-chip.more{background:#f781661a;color:var(--accent-color);border-color:#f781664d}.experience-card .card-expanded{overflow:hidden}.experience-card .expanded-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.experience-card .section{display:flex;flex-direction:column;gap:1rem}.experience-card .section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.experience-card .section-title svg{color:var(--accent-color)}.experience-card .achievements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.experience-card .achievements-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.experience-card .achievements-list li svg{color:#22c55e;margin-top:.125rem;flex-shrink:0}.experience-card .tech-grid{display:flex;flex-wrap:wrap;gap:.5rem}.experience-card .tech-badge{padding:.5rem 1rem;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;font-weight:500;transition:all .3s ease}.experience-card .tech-badge:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.experience-summary{margin-top:3rem}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),#ff8a65,var(--accent-color))}.summary-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.summary-header svg{color:var(--accent-color)}.summary-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.summary-content p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:600px;margin:0 auto}@media (min-width: 768px){.experience-subtitle{font-size:1.125rem;max-width:600px}.filter-container{gap:.75rem;padding:.5rem .75rem}.filter-btn{padding:.2rem .75rem;font-size:.9rem}}@media (min-width: 1024px){.experience-subtitle{font-size:1.125rem;max-width:700px}.experience-filters{margin-bottom:3rem}}@media (max-width: 767px){.timeline-container{padding-left:1.5rem}.timeline-line{left:.75rem}.timeline-marker{left:-1.5rem}.timeline-content{margin-left:1.5rem}.filter-container{flex-direction:column;gap:.375rem;padding:.75rem;width:100%}.filter-btn{justify-content:center;padding:.75rem 1rem;font-size:.875rem}.experience-card .header-main{flex-direction:column;align-items:flex-start;gap:.75rem}.experience-card .job-badges{flex-direction:row;flex-wrap:wrap}.experience-card .header-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.experience-card .meta-info{flex-direction:column;gap:.5rem}.experience-card .preview-highlights{flex-direction:column;gap:.75rem}.experience-card .expand-btn{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 480px){.timeline-container{padding-left:1rem}.timeline-line{left:.5rem}.timeline-marker{left:-1rem}.timeline-content{margin-left:1rem}.marker-dot{width:16px;height:16px}.experience-card .card-header,.experience-card .card-preview,.experience-card .expanded-content{padding:1rem}.experience-card .job-title{font-size:1.125rem}.summary-card{padding:1.5rem}.summary-header h3{font-size:1.25rem}.summary-content p{font-size:.9375rem}.summary-stats{grid-template-columns:1fr;gap:.75rem}.stat-number{font-size:1.75rem}.experience-card .expand-btn{padding:.5rem .75rem;font-size:.75rem;gap:.25rem}.experience-card .expand-btn span{display:inline}}@media (max-width: 360px){.timeline-container{padding-left:.75rem}.timeline-line{left:.375rem}.timeline-marker{left:-.75rem}.timeline-content{margin-left:.75rem}.marker-dot{width:14px;height:14px}.experience-card .job-title{font-size:1rem}.summary-header h3{font-size:1.125rem}.stat-number{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.experience-card,.expand-btn,.tech-badge,.marker-dot{transition:none!important}}@media (prefers-contrast: high){.experience-card,.filter-container{border-width:2px}}.filter-btn:focus,.experience-card:focus,.expand-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.experience-card{-webkit-tap-highlight-color:transparent}.hobbies-header{margin-bottom:3rem;text-align:center}.hobbies-subtitle{font-size:1rem;line-height:1.8;color:var(--text-secondary);text-align:center;max-width:500px;margin:0 auto}.hobby-tabs-container{margin-bottom:3rem}.hobby-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.hobby-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:all .3s ease;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;white-space:nowrap;min-height:44px}.hobby-tab:hover{background:var(--bg-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hobby-tab.active{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f781664d}.tab-icon{display:flex;align-items:center;flex-shrink:0}.drawing-showcase{width:100%}.showcase-header{text-align:center;margin-bottom:2.5rem}.showcase-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.showcase-header p{font-size:1rem;color:var(--text-secondary);max-width:400px;margin:0 auto}.drawings-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:100%}.drawing-card{position:relative;cursor:pointer;transition:all .4s ease;perspective:1000px}.drawing-card:hover{transform:translateY(-8px) scale(1.02)}.paper-stack{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.paper-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;transition:all .4s ease}.paper-layer.layer-3{transform:translate(8px,8px) rotate(2deg);opacity:.3;z-index:1}.paper-layer.layer-2{transform:translate(4px,4px) rotate(1deg);opacity:.6;z-index:2}.paper-layer.layer-1{transform:translate(0) rotate(0);opacity:.8;z-index:3;background:#ffffff1a}.drawing-card:hover .paper-layer.layer-3{transform:translate(12px,12px) rotate(3deg);opacity:.2}.drawing-card:hover .paper-layer.layer-2{transform:translate(6px,6px) rotate(1.5deg);opacity:.4}.drawing-card:hover .paper-layer.layer-1{transform:translate(0) rotate(0);opacity:1}.drawing-main{position:relative;z-index:4;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .4s ease}.drawing-card:hover .drawing-main{box-shadow:0 8px 30px #00000026;border-color:#f781664d}.drawing-image{position:relative;height:200px;overflow:hidden;background:var(--bg-secondary)}.drawing-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.drawing-card:hover .drawing-image img{transform:scale(1.05)}.drawing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;font-size:.875rem;font-weight:600}.drawing-card:hover .drawing-overlay{opacity:1}.drawing-info{padding:1.25rem}.drawing-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.drawing-category{font-size:.875rem;color:var(--accent-color);font-weight:500;margin:0 0 .75rem}.drawing-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-secondary)}.drawing-medium{font-weight:500}.drawing-date{display:flex;align-items:center;gap:.375rem}.featured-badge{position:absolute;top:1rem;right:1rem;z-index:5;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f781664d}.hobby-info{display:flex;justify-content:center;align-items:center;min-height:400px}.hobby-info-card{text-align:center;max-width:400px;padding:2rem}.hobby-icon-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f781661a;border-radius:20px;color:var(--accent-color);margin:0 auto 1.5rem}.hobby-icon-large svg{width:40px;height:40px}.hobby-info-card h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.hobby-info-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem}.coming-soon{padding:1rem 1.5rem;background:#f781661a;border:1px solid rgba(247,129,102,.2);border-radius:12px;color:var(--accent-color);font-weight:600}.drawing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.drawing-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-title-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.modal-category{font-size:.875rem;color:var(--accent-color);font-weight:500}.modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.modal-close:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-color)}.modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-image{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:1rem}.modal-image img{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;box-shadow:0 4px 20px #0000001a}.modal-details{padding:1.5rem;background:var(--bg-primary)}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.detail-section p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.detail-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.875rem;color:var(--text-primary);font-weight:600}@media (min-width: 768px){.hobbies-subtitle{font-size:1.125rem;max-width:600px}.hobby-tabs{gap:.75rem;padding:.5rem .75rem}.hobby-tab{font-size:.9375rem}.drawings-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.drawing-image{height:240px}.modal-content{flex-direction:row}.modal-image{flex:1;padding:2rem}.modal-details{flex:0 0 300px;overflow-y:auto}.detail-grid{grid-template-columns:1fr}}@media (min-width: 1024px){.hobbies-subtitle{font-size:1.25rem;max-width:700px}.drawings-grid{grid-template-columns:repeat(3,1fr);gap:3rem}.drawing-image{height:260px}}@media (max-width: 767px){.hobby-tabs{flex-direction:column;gap:.5rem;padding:.75rem}.hobby-tab{justify-content:center;padding:.875rem 1rem;font-size:.875rem}.drawings-grid{gap:1.5rem}.drawing-image{height:180px}.drawing-info{padding:1rem}.modal-content{flex-direction:column}.modal-image{padding:1rem}.modal-image img{max-height:250px}.detail-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hobby-tab{padding:.75rem;font-size:.8125rem}.showcase-header h2{font-size:1.5rem}.drawing-card:hover{transform:translateY(-4px) scale(1.01)}.paper-layer.layer-3{transform:translate(4px,4px) rotate(1deg)}.paper-layer.layer-2{transform:translate(2px,2px) rotate(.5deg)}.drawing-modal{margin:.5rem;max-height:95vh}.modal-header,.modal-details{padding:1rem}}@media (prefers-reduced-motion: reduce){.drawing-card,.paper-layer,.drawing-image img,.drawing-overlay{transition:none!important}}.hobby-tab:focus,.drawing-card:focus,.modal-close:focus{outline:2px solid var(--accent-color);outline-offset:2px}.drawing-card,.hobby-tab{-webkit-tap-highlight-color:transparent}:root{--bg-primary: #f8f9fa;--bg-secondary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--accent-color: #4f46e5;--accent-hover: #4338ca;--border-color: #dee2e6;--map-bg: #e8e8e8;--map-grid-primary: rgba(70, 70, 75, .2);--map-grid-secondary: rgba(70, 70, 75, .1);--map-water: #a8d5ff;--map-park: #b7e0b7;--map-district: rgba(200, 200, 210, .4);--map-road-main: #ffffff;--map-road-secondary: #f0f0f0;--map-label: rgba(80, 80, 90, .7);--map-glow: rgba(255, 255, 255, .8);--grid-line-color: rgba(0, 0, 0, .07);--grid-dot-color: rgba(0, 0, 0, .12);--grid-opacity: .5;--ambient-glow: rgba(0, 0, 0, .02);--gradient-color-1: rgba(79, 70, 229, .05);--gradient-color-2: rgba(236, 72, 153, .05);--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #ced4da;--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: #30363d;--accent-color: #f78166;--grid-line-color: rgba(255, 255, 255, .05);--grid-size: 80px;--grid-opacity: 1;--ambient-glow: rgba(25, 100, 150, .15)}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--accent-color: white;--accent-hover: #e0e0e0;--border-color: #333333;--glow-soft: rgba(255, 255, 255, .03);--glow-medium: rgba(255, 255, 255, .08);--glow-bright: rgba(255, 255, 255, .12);--bloom-effect: 0 0 30px rgba(255, 255, 255, .15);--light-pulse: 0 0 20px rgba(255, 255, 255, .2);--grid-line-color: rgba(255, 255, 255, .07);--grid-dot-color: rgba(255, 255, 255, .12);--grid-size: 80px;--grid-opacity: .4;--ambient-glow: rgba(255, 255, 255, .03);--gradient-color-1: rgba(79, 70, 229, .08);--gradient-color-2: rgba(236, 72, 153, .08)}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eaeef2;--text-primary: #24292f;--text-secondary: #57606a;--border-color: #d0d7de;--accent-color: #f78166;--grid-line-color: rgba(0, 0, 0, .05);--grid-opacity: .8;--ambient-glow: rgba(100, 150, 255, .1)}:root{--line-frontend: rgba(255, 255, 255, .8);--line-backend: rgba(255, 255, 255, .8);--line-design: rgba(255, 255, 255, .8);--line-devops: rgba(255, 255, 255, .8);--line-frontend-glow: rgba(255, 255, 255, .4);--line-backend-glow: rgba(255, 255, 255, .4);--line-design-glow: rgba(255, 255, 255, .4);--line-devops-glow: rgba(255, 255, 255, .4)}body{transition:background-color .3s ease,color .3s ease}input,button,textarea,.card,.navbar{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;overflow-x:hidden}body.dark-theme{background-color:#0d1117;color:#c9d1d9}body.light-theme{background-color:#f6f8fa;color:#24292f}#root{width:100%;display:block}button{background:none;border:none;cursor:pointer}a{text-decoration:none;color:inherit}nav,section{width:100%;display:block}.app-container{width:100%;min-height:100vh;position:relative}.main-content{width:100%;padding:40px 20px 20px;max-width:1280px;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}