:root{--bg:#13111C;--panel:#1C1827;--muted:#9D9BA7;--accent:#A277FF;--accent-2:#7B5AFF;--text:#E2E1E7;--card:#241F31;--hover:#2D2640;--border:#332C45;--success:#61E786;--button-text:#ffffff}body.light{--bg:#FAF9F6;--panel:#FFFFFF;--muted:#7E7B8A;--accent:#9747FF;--accent-2:#7E30E1;--text:#2A2637;--card:#FFFFFF;--hover:#F4F1F9;--border:#E8E5F0;--success:#34C759;--button-text:#ffffff}body{margin:0;font-family:var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);transition:background .3s,color .3s}.container{display:flex;flex-direction:column;min-height:100vh;max-width:1100px;margin:0 auto;padding:0 1rem;overflow-x:hidden}.site-header{justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.brand,.site-header{display:flex;align-items:center}.brand{gap:1rem;min-width:0;flex-wrap:nowrap}.avatar{border-radius:12px;width:96px;height:96px;border:2px solid rgba(255,255,255,.04);flex-shrink:0}.brand-text{min-width:0;flex:1;overflow:hidden}.brand-text h1{margin:0;font-size:1.25rem;word-break:break-word}.handle{color:var(--muted);margin-top:.2rem;font-family:var(--font-geist-mono),monospace;font-size:.95rem}.contact-line{overflow-wrap:break-word;word-wrap:break-word;min-width:0}.contact-line a{color:var(--accent);text-decoration:none;margin-right:.5rem}.links a{color:var(--muted);text-decoration:none;margin-right:.75rem}.links{flex-direction:row}.header-actions,.links{display:flex;gap:.75rem;align-items:center}.header-actions{min-width:fit-content}#theme-toggle{background:transparent;border:1px solid rgba(255,255,255,.1);padding:.4rem .6rem;color:var(--muted)}#theme-toggle,.cv-btn{border-radius:8px;cursor:pointer}.cv-btn{color:#052034;padding:.4rem .75rem;font-weight:600}.content-wrapper{display:flex;gap:1.5rem;margin-top:2rem;flex:1}.sidebar{width:300px;background:var(--panel);border-radius:12px;padding:1rem}.content{flex:1;padding:0;min-width:0}.about-section{background:var(--card);border-radius:12px;padding:1rem;margin-bottom:1.5rem}h2{color:var(--accent);font-size:1rem}.skill,h2{margin-bottom:.75rem}.skill-bar{height:12px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));position:relative;border-radius:999px}.skill-percent{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#041422;font-weight:600}.skill-name{display:inline-flex;align-items:center;gap:.5rem}.skill-name .skill-text{display:inline-block;color:var(--text);margin-left:.25rem}.project-logo{vertical-align:middle;transform:translateY(2px);transition:filter .3s ease}.avatar,.project-logo,img{max-width:100%;height:auto;display:block}body.dark .project-logo{filter:none!important}body.light .project-logo{filter:invert(1) brightness(.9)!important}.job,.project{background:rgba(255,255,255,.02);padding:.75rem;border-radius:8px;margin-bottom:1rem;min-width:0}.project-links{gap:.75rem;margin-top:.5rem}.site-footer{text-align:center;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);color:var(--muted)}@media (max-width:900px){.content-wrapper{flex-direction:column;margin-top:1rem}.sidebar{width:100%}}@media (max-width:600px){.site-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.5rem}.avatar{width:56px;height:56px;margin:0}.brand-text h1{font-size:1rem}.contact-line,.header-actions,.links{width:100%;margin:0;padding:0}.links{display:flex;flex-direction:row;gap:.5rem;align-items:center;flex-wrap:wrap}.links a,.social-link{display:inline-flex;align-items:center;justify-content:center}.site-header{align-items:center}.brand{justify-content:center}.brand-text{text-align:center}.brand-text .handle{text-align:center;font-size:.95rem;margin-top:.15rem}.contact-line{display:flex;gap:.5rem}.contact-line,.links{justify-content:center}.social-link{padding:.45rem;border-radius:8px}.social-icon{width:22px!important;height:22px!important}.sidebar{width:100%;background:transparent;padding:0;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar section.about,.sidebar section.meta,.sidebar section.skills{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin:0;box-shadow:0 6px 18px rgba(0,0,0,.08)}.sidebar section h2{font-size:1.05rem;margin-bottom:.6rem;text-align:center;color:var(--accent)}.sidebar section.about p{font-size:.98rem;line-height:1.45;text-align:left}.category-header{width:100%;padding:.9rem .75rem;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.01));font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.skills-list{padding:.6rem .5rem .8rem}.skill{margin-left:0;margin-bottom:.6rem;padding:.5rem;border-radius:8px;background:rgba(255,255,255,.01)}.meta h2,.meta p{text-align:center}.meta p{margin:.4rem 0;font-size:.98rem}.filter-btn{padding:.7rem .9rem;border-radius:10px;font-size:.95rem}.content-wrapper{flex-direction:column-reverse}.header-actions{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem}.contact-line{margin-top:.5rem}}.job,.project,section.about,section.meta,section.skills{background:var(--card);border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:1rem;transition:all .2s ease}@media (max-width:768px){.job,.project,section.about,section.meta,section.skills{margin:0 0 1rem;padding-left:1rem;padding-right:1rem;border-radius:8px;border-left:none;border-right:none}}.job:hover,.project:hover{background:var(--hover)}.category-header{background:var(--card);border:1px solid var(--border);transition:all .2s ease}.category-header:hover{background:var(--hover)}#theme-toggle{background:var(--card);border:1px solid var(--border);color:var(--text);transition:all .2s ease}#theme-toggle:hover{background:var(--hover)}.cv-btn{background:var(--accent);color:var(--button-text);border:none;transition:all .2s ease}.cv-btn:hover{background:var(--accent-2)}.meta-job{color:var(--muted);font-size:.9rem}.skills{padding-top:.5rem}.skill-category-group{margin-bottom:.5rem}.category-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;background-color:var(--card);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;text-align:left;transition:background-color .2s,border-color .2s}.category-header:hover{background-color:rgba(255,255,255,.05)}body.light .category-header:hover{background-color:#f6fbff}.toggle-icon{font-size:.9em;color:var(--muted);margin-left:10px;transition:transform .3s ease;transform:rotate(0deg)}.category-header[aria-expanded=true] .toggle-icon{transform:rotate(180deg);color:var(--accent)}.skills-list{max-height:500px;opacity:1;overflow:hidden;transition:max-height .4s ease-in-out,opacity .3s ease-in;padding:.25rem 0 .5rem}.skills-list.collapsed{max-height:0;opacity:0;padding:0}.project-logo,img.project-logo{transition:filter .25s ease!important}body.dark .project-logo,body.dark img.project-logo{filter:none!important}body.light .project-logo,body.light img.project-logo{filter:invert(1) brightness(.9)!important}.skill{transition:opacity .3s}.skills-list.collapsed .skill{opacity:0}@media (max-width:768px){#theme-toggle,.cv-btn,.filter-btn{padding:.75rem 1rem;border-radius:10px;font-size:1rem}.filter-btn{min-width:120px}.container .job,.container .project,.container section.about,.container section.meta,.container section.skills{margin:0!important;padding-left:1rem!important;padding-right:1rem!important;border-radius:8px!important}}.project-tech{color:var(--muted);font-size:.9rem;margin:.75rem 0}.project-info{background:rgba(255,165,0,.1);border-left:3px solid var(--accent);padding:1rem;margin:1rem 0;border-radius:4px}.project-info p{margin:.5rem 0;font-size:.9rem;line-height:1.6}.credentials-box{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0}.credentials-box h4{margin:0 0 1rem;color:var(--text);font-size:1rem}.credential-group{margin-bottom:1rem;padding:.75rem;background:rgba(255,255,255,.02);border-radius:4px}.credential-group:last-child{margin-bottom:0}.credential-group strong{display:block;margin-bottom:.5rem;color:var(--accent)}.credential-group code{display:block;background:rgba(0,0,0,.3);padding:.4rem .6rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;margin:.25rem 0;color:var(--text)}.btn-primary{display:inline-block;background:var(--accent);color:var(--button-text);padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s,transform .2s}.btn-primary:hover{background:var(--accent-2);transform:translateY(-2px)}.btn-secondary{display:inline-block;background:transparent;color:var(--accent);padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--accent);text-decoration:none;font-weight:500;transition:background-color .2s,transform .2s}.btn-secondary:hover{background:var(--accent);color:var(--button-text);transform:translateY(-2px)}.project-links{display:flex;gap:1rem;align-items:center;margin-top:1rem;flex-wrap:wrap}@media (max-width:600px){.credentials-box{padding:1rem}.credential-group code{font-size:.8rem;word-break:break-all}.btn-primary,.btn-secondary{width:100%;text-align:center}}