@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,800;1,800&display=swap";:root{--primary-text-color: #202c39;--primary-bg-color: #f0f6fa;--secondary-bg-color: #dce8f2;--accent-blue: #0ea5c8;--accent-gray: #666b6e;--toggle-color: #fff;--status-bg-color: #a3e9c0;--status-dot-color: #16a34a;--status-text-color: #14532d;--dot-color: rgba(0, 0, 0, .13);color-scheme:light dark}.dark-mode{--primary-bg-color: #182535;--primary-text-color: #fbfbfb;--secondary-bg-color: #1e3a55;--accent-gray: #b8bbbd;--toggle-color: var(--primary-bg-color);--status-bg-color: #15803d;--status-dot-color: #4ade80;--status-text-color: #f0fdf4;--dot-color: rgba(255, 255, 255, .11)}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{color:var(--primary-text-color);background-color:var(--primary-bg-color);background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:24px 24px}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 15%,rgba(14,165,200,.18) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(99,112,210,.15) 0%,transparent 50%);background-size:300% 300%;animation:gradientShift 45s ease infinite}@keyframes gradientShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}main,footer{max-width:54rem;margin:0 auto;padding:5rem 3rem 3rem}a{color:var(--primary-text-color);padding:.4em 0;text-decoration:none;cursor:pointer}a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:.5rem}h1{font-weight:800;font-size:4rem}h2{font-size:1.6rem;margin:.6rem 0}h3{margin:.8rem 0 0}p{margin-bottom:1rem}.sub{font-size:1.3rem;font-weight:600;margin:.8rem 0 1.5rem}header,.navbar{padding:1em 2em .2em;border-bottom:1px solid var(--secondary-bg-color);background-color:color-mix(in srgb,var(--primary-bg-color) 10%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--primary-text-color);font-weight:500;position:sticky;top:0;z-index:1000;transition:padding .22s ease,font-size .22s ease,box-shadow .22s ease,background-color .22s ease}.navbar.shrink{padding:.55em 1.5em .1em;font-size:.85em;background-color:color-mix(in srgb,var(--primary-bg-color) 55%,transparent);box-shadow:0 8px 24px -4px color-mix(in srgb,var(--primary-bg-color) 85%,transparent),0 1px 8px #00000014}header .logo,.navbar .logo{width:120px;transition:width .22s ease}.navbar.shrink .logo{width:96px}.menu{display:flex;gap:1.5em}nav{display:flex;align-items:center;gap:.4em;color:var(--primary-text-color)}nav .link{color:var(--primary-text-color);padding:.2em .6em;border-radius:4px}nav .link:hover,nav .link:focus-visible{background-color:var(--secondary-bg-color);color:var(--primary-text-color);text-decoration:none}nav a.active{color:var(--primary-text-color);text-decoration:underline;text-underline-offset:.5rem}.settings{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 1.5rem}button.toggle-box{border:none;background-color:var(--primary-bg-color);border-radius:50px;padding:4px;color:var(--primary-text-color)}.settings .toggle-long{padding:4px 10px}.toggle-box{display:flex;align-items:center;gap:8px}.toggle-box:hover,.toggle-box:focus-visible{color:var(--primary-text-color);background-color:var(--secondary-bg-color)}.dark-mode-toggle{width:24px}@media (max-width: 520px){h1{font-size:2.8rem}header{padding:1em 1em .2em}.menu{gap:10px}nav{gap:0}nav .link{padding:.2em .4em;font-size:1rem}.settings{padding:5px}.dark-mode-toggle{width:28px}}.hero{display:grid;gap:1.5em}.hero p{margin-bottom:0}.hero em{font-weight:800;font-style:italic}.status-pill{background-color:color-mix(in srgb,var(--status-bg-color) 65%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:5rem;padding:2px 10px;display:inline-flex;align-items:center;gap:6px;margin:1rem 0}.status-pill p{color:var(--status-text-color);font-size:.8rem;font-weight:600;margin:0}.status-pill .timestamp{font-weight:900}.circle{width:6px;height:6px;background-color:var(--status-dot-color);border-radius:50%;box-sizing:border-box;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.actionBtn{display:flex;flex-direction:row;align-items:center}.actionBtn>img{height:1.5em;margin-left:.8em;transform-origin:left center;animation-name:bounce;animation-duration:1.9s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes bounce{0%,to{transform:translate(0) scaleX(.78) scaleY(1.18);animation-timing-function:linear}6%{transform:translate(.05em) scaleX(1) scaleY(1);animation-timing-function:ease-out}8%{transform:translate(.1em) scaleX(1.06) scaleY(.96);animation-timing-function:ease-out}50%{transform:translate(1.4em) scaleX(1) scaleY(1);animation-timing-function:ease-in}85%{transform:translate(.1em) scaleX(1.03) scaleY(.98);animation-timing-function:ease-in}96%{transform:translate(.02em) scaleX(1) scaleY(1);animation-timing-function:linear}}footer{padding-top:0}footer ul{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:32px;align-items:center;gap:.8em;list-style-type:none;padding-left:0}footer li{grid-row:1;padding:0}footer img{height:18px}.toggle{height:16px;width:32px;border-radius:8px;background-color:color-mix(in srgb,var(--accent-gray) 45%,transparent);border:1px solid color-mix(in srgb,var(--accent-gray) 60%,transparent);display:flex;align-items:center;padding:2px}.toggleOn{background-color:var(--accent-blue)}.switch{height:100%;width:12px;border-radius:50%;background-color:var(--toggle-color);animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards;animation-direction:normal;animation-play-state:running;transition:transform .3s ease}.switchOn{animation-name:switchOn}.switchOff{animation-name:switchOff}@keyframes switchOn{0%{transform:translate(0)}to{transform:translate(16px)}}@keyframes switchOff{0%{transform:translate(16px)}to{transform:translate(0)}}.featured-projects>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.8em}.project-card{display:flex;flex-direction:column;gap:.5em;padding:20px;border-radius:16px}.project-card img{background-color:var(--secondary-bg-color);object-fit:cover;object-position:center top;border:var(--accent-blue) 1px solid;border-radius:8px;width:100%;height:200px;transition:transform .3s ease}.project-card:hover,.project-card:focus-visible{text-decoration:none;background-color:color-mix(in srgb,var(--secondary-bg-color) 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:1px solid color-mix(in srgb,var(--accent-blue) 25%,transparent)}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.05)}.project-card:hover h3,.project-card:focus-visible h3{text-decoration:underline;text-underline-offset:.5rem}.tech{display:flex;gap:6px;flex-wrap:wrap;margin-top:-10px}.tech span{background-color:color-mix(in srgb,var(--secondary-bg-color) 70%,transparent);border:1px solid color-mix(in srgb,var(--primary-text-color) 8%,transparent);color:var(--primary-text-color);padding:.2em .6em;border-radius:4px;font-size:.8em;font-weight:800}.project-card:hover .tech span,.project-card:focus-visible .tech span{background-color:var(--primary-bg-color)}:root{font-family:Plus Jakarta Sans,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0;line-height:calc(1em + .8rem)}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}