@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@700;800&display=swap";: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;--logo-gradient1: #f8efd4;--logo-gradient2: #b0b0b0;--logo-gradient3: #f8efd4;--logo-gradient4: #fff8dc;--logo-shadow1: #b0b0b0;--logo-shadow2: #fff8dc;--color-bg-dark: #18191a;--color-bg-light: #f8efd4;--color-text-dark: #f8efd4;--color-text-light: #18191a;--spotlight: rgba(248, 239, 212, .12);--nav-link-color-dark: #f8efd4;--nav-link-color-light: #18191a;--icon-color-dark: #f8efd4;--icon-color-light: #18191a;--icon-size: 2.2rem;--skill-bg-dark: #111112;--skill-bg-light: #e0dcc7;--scrollbar-thumb: #444;--scrollbar-thumb-hover: #666}.app-root.light{--logo-gradient1: #232323;--logo-gradient2: #646464;--logo-gradient3: #232323;--logo-gradient4: #b0b0b0;--logo-shadow1: #646464;--logo-shadow2: #b0b0b0;--nav-link-color: var(--nav-link-color-light);background:var(--color-bg-light);color:var(--color-text-light);--spotlight: rgba(24, 25, 26, .12);--icon-color: var(--icon-color-light);--skill-bg: var(--skill-bg-light);--scrollbar-thumb: #b0b0b0;--scrollbar-thumb-hover: #888}.app-root:not(.light){--nav-link-color: var(--nav-link-color-dark);--icon-color: var(--icon-color-dark);--skill-bg: var(--skill-bg-dark)}body,.app-root{overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6,p{color:var(--nav-link-color)}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}html{scroll-behavior:smooth}header{display:flex;align-items:center;justify-content:space-between;gap:0;height:80px;min-height:60px;width:100%;background:transparent;position:static;padding:0 32px;box-sizing:border-box}.main-content{display:flex;margin-top:100px;width:100%;box-sizing:border-box}main{padding:0 32px;box-sizing:border-box}.header-right{display:flex;align-items:center;gap:18px}.logo-container{display:inline-flex;align-items:center;justify-content:center;height:auto;width:auto;min-width:0;min-height:0;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:Big Shoulders Stencil Display,cursive;font-size:30px;transition:opacity .4s,transform .7s cubic-bezier(.68,-.55,.27,1.55);color:var(--icon-color)}.logo-animated{display:inline-block;background:linear-gradient(270deg,var(--logo-gradient1),var(--logo-gradient2),var(--logo-gradient3),var(--logo-gradient4));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px var(--logo-shadow1),0 1px 2px var(--logo-shadow2);animation:gradient-move 2.5s linear infinite;font-size:inherit}.app-root.light .logo-container{color:var(--icon-color-light)}.app-root:not(.light) .logo-container{color:var(--icon-color-dark)}.theme-toggle{font-size:2rem;background:none;border:none;box-shadow:none;outline:none;color:var(--icon-color);cursor:pointer;transition:color .2s;margin:0;padding:0;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}.app-root.light .theme-toggle{color:var(--icon-color-light)}.app-root:not(.light) .theme-toggle{color:var(--icon-color-dark)}.logo-full,.logo-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:Big Shoulders Stencil Display,cursive;font-size:30px;transition:opacity .4s,transform .7s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none;background:linear-gradient(270deg,var(--logo-gradient1),var(--logo-gradient2),var(--logo-gradient3),var(--logo-gradient4));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-move 2.5s linear infinite;text-shadow:0 2px 12px var(--logo-shadow1),0 1px 2px var(--logo-shadow2)}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.logo-full{opacity:1}.logo-initials,.logo-container.toggled .logo-full{opacity:0;transform:rotateY(180deg) scale(.7)}.logo-container.toggled .logo-initials{opacity:1;transform:rotateY(0) scale(1)}.logo-container:focus,.logo-container:focus-visible{outline:none;box-shadow:none}.theme-toggle:focus,.theme-toggle:focus-visible{outline:none;box-shadow:none}.about{gap:48px;max-width:850px;background:transparent;box-shadow:none;min-width:260px;min-height:400px;display:flex;align-items:center;margin-left:40px;margin-bottom:100px;margin-top:60px}.ara-img-stack{position:relative;width:220px;height:320px}.ara-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.68,-.55,.27,1.55);z-index:1}.ara-img.visible{opacity:1;pointer-events:auto;z-index:2}.abt{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:100px}.abt h2{font-size:2.2rem;margin-bottom:1rem}.abt p{font-size:1.15rem;line-height:1.7;margin:0}.about-icons{display:flex;gap:18px;margin-bottom:1.2rem;height:30px}.about-icons svg{color:var(--icon-color);font-size:var(--icon-size);transition:color .2s,font-size .2s;cursor:pointer}.about-icons svg:hover{font-size:2.5rem}.skill-sec{min-height:calc(100vh - 112px);padding-top:10px;padding-left:20px}.skillsHeading{text-align:start;margin-bottom:2rem;margin-top:50px;margin-left:20px}.skillWrap{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;align-items:flex-start;background:transparent;border-radius:18px;padding:32px 24px;max-width:900px;margin:0 auto 48px;box-shadow:none}.skillWrap h3{flex:1 1 220px;min-width:220px;margin:0 12px 0 0;font-size:1.25rem;color:var(--nav-link-color);font-weight:700;letter-spacing:.02em;background:transparent}.frontEnd,.backEnd,.others{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:18px 12px;margin-top:1rem;margin-bottom:1rem;background:var(--skill-bg);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px 18px}.frontEnd svg,.backEnd svg,.others svg{font-size:2.1rem;color:var(--nav-link-color);vertical-align:middle;margin-right:8px;transition:color .2s,transform .2s}.frontEnd span,.backEnd span,.others span{font-size:1.08rem;color:var(--nav-link-color);vertical-align:middle;margin-right:8px}.frontEnd svg:hover,.backEnd svg:hover,.others svg:hover{color:#64ffda;transform:scale(1.18)}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #444);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #666)}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, #444) transparent}.experience-section{max-width:850px;margin:0 auto 64px;padding:32px 24px;background:transparent;box-shadow:none;min-width:300px;min-height:calc(100vh - 112px);display:flex;flex-direction:column;align-items:flex-start}.experience-heading{font-size:2.2rem;margin-bottom:2.5rem;color:var(--nav-link-color);font-weight:700;letter-spacing:.02em}.experience-list{width:100%;display:flex;flex-direction:column;gap:32px}.experience-card{background:var(--skill-bg);border-radius:18px;box-shadow:0 2px 12px #00000014;padding:28px 24px 20px;transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column;gap:10px;position:relative}.experience-card:hover{box-shadow:0 6px 24px #00000021;transform:translateY(-2px) scale(1.012)}.experience-title{font-size:1.25rem;font-weight:700;color:var(--nav-link-color);margin-bottom:.2rem}.experience-meta{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:1.05rem;color:var(--nav-link-color);opacity:.85;margin-bottom:.2rem}.experience-company{font-weight:600}.experience-type{font-style:italic;opacity:.7}.experience-date{opacity:.7}.experience-location{font-size:1.02rem;color:var(--nav-link-color);opacity:.7;margin-bottom:.1rem}.experience-desc{font-size:1.08rem;color:var(--nav-link-color);opacity:.93;line-height:1.6;margin-top:.2rem}.projectSec{min-height:90vh-100px;margin-left:40px}.projectSec>h2{font-size:2rem}.projectSec{min-height:calc(100vh - 112px);margin-left:40px;max-width:900px;padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start}.ProjectContainer{width:100%;display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.project-card{background:var(--skill-bg);border-radius:18px;box-shadow:0 2px 12px #00000014;padding:28px 24px 20px;transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column;gap:10px;position:relative}.project-card:hover{box-shadow:0 6px 24px #00000021;transform:translateY(-2px) scale(1.012)}.project-title-row{display:flex;align-items:center;gap:16px;margin-bottom:.2rem}.project-title{font-size:1.25rem;font-weight:700;color:var(--nav-link-color);margin:0}.project-title-row a{color:var(--icon-color);font-size:1.2rem;transition:color .2s,transform .2s;margin-left:4px}.project-title-row a:hover{color:var(--icon-color);transform:scale(1.18)}.project-desc{font-size:1.08rem;color:var(--nav-link-color);opacity:.93;line-height:1.6;margin-bottom:.2rem}.project-stack{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:.2rem}.project-tech{background:#80808014;color:var(--nav-link-color);border-radius:8px;padding:2px 10px;font-size:.98rem;font-weight:500;letter-spacing:.01em}.project-note{font-size:.95rem;color:var(--nav-link-color);opacity:.85;margin-top:.1rem}.project-subheading{font-size:1.15rem;font-weight:600;margin:32px 0 12px;color:var(--nav-link-color)}.project-grid{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px}.project-link-card{background:var(--skill-bg);color:var(--nav-link-color);border-radius:12px;box-shadow:0 2px 8px #00000012;padding:14px 22px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:box-shadow .18s,transform .18s,color .18s;display:inline-block}.project-link-card:hover{color:var(--icon-color);box-shadow:0 6px 18px #00000021;transform:translateY(-2px) scale(1.04)}.floating-ai-chat-new{position:fixed;bottom:50px;right:100px;width:380px;max-width:98vw;background:none;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;z-index:9999;opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.68,-.55,.27,1.55),transform .6s cubic-bezier(.68,-.55,.27,1.55);pointer-events:auto}.floating-ai-chat-new.visible{opacity:1;transform:translateY(0)}.ai-chat-form-new{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:.5rem;margin-top:0}.ai-chat-input-new{flex:1;padding:.7em 1em;border-radius:8px;border:1px solid #ccc;font-size:1rem;background:var(--color-bg-light);color:var(--color-text-light);transition:border-color .2s;min-width:0;max-width:220px;box-shadow:none}.app-root:not(.light) .ai-chat-input-new{background:#232323;color:#f8efd4;border:1px solid #444}.ai-chat-input-new:focus{outline:none!important;border-color:#ccc!important;box-shadow:none!important}.ai-chat-send-new{background:#18191a;color:#fff;border:none;border-radius:8px;padding:.7em 1.1em;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:none}.ai-chat-send-new:hover{background:#000}.ai-chat-row{width:100%;display:flex;align-items:flex-start;margin-top:.5rem}.ai-chat-avatar-new{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-right:18px;margin-top:0;align-self:flex-start;background:none;box-shadow:none;transition:opacity .7s,transform .7s;opacity:1;transform:scale(1.12)}.ai-chat-response-new{flex:1;color:var(--nav-link-color);font-size:1.08rem;min-height:300px;max-width:320px;width:100%;word-break:break-word;white-space:pre-line;text-align:left;align-self:flex-start;animation:fadein .5s;overflow-wrap:anywhere;margin-top:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}header,.side-nav{z-index:10}.floating-ai-chat-new{z-index:100}.Ai{margin-top:0!important}.side-nav{display:none!important}.fixed-header{position:fixed;top:0;right:0;display:flex;flex-direction:row;align-items:center;gap:18px;z-index:100;padding:12px 24px;border-bottom-left-radius:18px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.theme-toggle{font-size:2rem;background:none;border:none;box-shadow:none;outline:none;color:inherit;cursor:pointer;transition:color .2s;margin:0}.main-content{margin-top:80px}.section-heading{font-size:2.2rem;margin-bottom:2.5rem;color:var(--nav-link-color);font-weight:700;letter-spacing:.02em;margin-top:0}@media (max-width: 900px){header{padding:0 8px;height:60px;min-height:48px}.main-content,main{padding:0 4px!important;margin-top:60px!important}.about,.projectSec,.experience-section,.skillWrap{padding:12px 4px!important;margin:0!important;max-width:100vw!important}.logo-container{font-size:20px}.theme-toggle{font-size:1.4rem;width:1.8rem;height:1.8rem}.ai-chat-avatar-new{width:56px;height:56px;margin-right:10px}.ai-chat-response-new{font-size:.98rem;max-width:90vw}.ai-chat-form-new{gap:4px}.ai-chat-send-new{font-size:.98rem;padding:.5em .8em}.ai-chat-input-new{font-size:.98rem;max-width:140px}.abt h2,.section-heading{font-size:1.4rem}.abt p{font-size:1rem}.about-icons svg{font-size:1.4rem}}@media (max-width: 600px){header{padding:0 2px;height:44px;min-height:36px}.main-content,main{padding:0 2px!important;margin-top:44px!important}.main-content{padding-bottom:120px!important}.about,.projectSec,.experience-section,.skillWrap{padding:6px 2px!important;margin:0!important;max-width:100vw!important}.logo-container{font-size:14px}.theme-toggle{font-size:1.1rem;width:1.2rem;height:1.2rem}.floating-ai-chat-new{position:fixed!important;right:0!important;left:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;border-radius:18px 18px 0 0;background:#18191afa;box-shadow:0 -2px 16px #0000002e;padding:8px 4px 4px;z-index:1001}.ai-chat-avatar-new{width:44px;height:44px;margin-right:8px}.ai-chat-response-new{font-size:.95rem;max-width:80vw;min-height:40px}.ai-chat-form-new{gap:2px}.ai-chat-send-new{font-size:.95rem;padding:.4em .7em}.ai-chat-input-new{font-size:.95rem;max-width:180px}.abt h2,.section-heading{font-size:1.1rem}.abt p{font-size:.95rem}.about-icons svg{font-size:1.1rem}}