@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&display=swap";:root{--font:"Outfit", sans-serif;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg:radial-gradient(ellipse at 25% 15%, #dce8f5 0%, #c8d8ee 45%, #b8cce4 100%);--surface:#ffffff6b;--surface-border:#ffffffb8;--surface-sm:#ffffff47;--surface-sm-border:#ffffff8c;--shadow:0 8px 40px #506eb42e, 0 2px 8px #3c5aa01a;--shadow-sm:0 4px 16px #506eb41f;--blur:blur(20px);--text:#182035;--text-2:#4a5568;--text-3:#8896b0;--accent:#3b5bdb;--accent-2:#5c7cfa;--tag-bg:#3b5bdb1a;--tag-color:#3b5bdb;--active-border:#3b5bdbbf;--nav-inactive:#788aaa;--divider:#6482c833;--input-bg:#ffffff8c;--card-hover:#fff9;--btn:#3b5bdb;--btn-text:#fff;--gold:linear-gradient(135deg, #f6c343, #f4a030);--silver:linear-gradient(135deg, #a0b4c8, #7a9ab0);--bronze:linear-gradient(135deg, #c88a44, #a06820);--scrollbar:#3b5bdb40}[data-theme=dark]{--bg:radial-gradient(ellipse at 25% 15%, #0b0f1a 0%, #111828 45%, #141c30 100%);--surface:#ffffff0e;--surface-border:#ffffff1a;--surface-sm:#ffffff0a;--surface-sm-border:#ffffff14;--shadow:0 8px 40px #0000008c, 0 2px 8px #00000059;--shadow-sm:0 4px 16px #0006;--blur:blur(20px);--text:#e4eaf6;--text-2:#90a0ba;--text-3:#566070;--accent:#738aff;--accent-2:#94a7ff;--tag-bg:#738aff2e;--tag-color:#94a7ff;--active-border:#738affb3;--nav-inactive:#5a6880;--divider:#ffffff17;--input-bg:#ffffff0f;--card-hover:#ffffff17;--btn:#5c78f0;--btn-text:#fff;--gold:linear-gradient(135deg, #f6c343, #f4a030);--silver:linear-gradient(135deg, #7090a8, #508090);--bronze:linear-gradient(135deg, #b07030, #8a5218);--scrollbar:#738aff33}[data-theme=mono]{--bg:#000;--surface:#000;--surface-border:#fffc;--surface-sm:#111;--surface-sm-border:#ffffff8c;--shadow:none;--shadow-sm:none;--blur:none;--text:#fff;--text-2:#ddd;--text-3:#aaa;--accent:#fff;--accent-2:#ddd;--tag-bg:transparent;--tag-color:#fff;--active-border:#fff;--nav-inactive:#aaa;--divider:#ffffff59;--input-bg:#111;--card-hover:#1a1a1a;--btn:#fff;--btn-text:#000;--gold:#fff;--silver:#ccc;--bronze:#aaa;--scrollbar:#ffffff4d;--radius-xl:0px;--radius-lg:0px;--radius-md:0px;--radius-sm:0px;--radius-full:0px;--svg-filter:invert(1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);min-height:100vh;color:var(--text);transition:background .4s var(--ease), color .4s var(--ease);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.glass{background:var(--surface);border:1.5px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur)}.glass-sm{background:var(--surface-sm);border:1px solid var(--surface-sm-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur)}h1{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.1}h2{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2rem);font-weight:800}h3{font-size:1.1rem;font-weight:700}p{color:var(--text-2);font-size:.95rem;line-height:1.75}.page-wrapper{max-width:1200px;margin:0 auto;padding:0 24px}.nav-outer{z-index:100;padding:16px 24px 0;position:sticky;top:0}.nav-inner{align-items:center;gap:10px;padding:10px 20px;display:flex}.nav-profile-links{flex-wrap:nowrap;gap:6px;margin-right:auto;display:flex}.nav-profile-btn{border-radius:var(--radius-full);font-size:.8rem;font-weight:700;font-family:var(--font);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.nav-brand{color:var(--text);letter-spacing:-.02em;white-space:nowrap;margin-right:auto;font-size:1.05rem;font-style:italic;font-weight:800}.nav-links{align-items:center;gap:4px;display:flex}.nav-btn{border-radius:var(--radius-full);color:var(--nav-inactive);font-family:var(--font);cursor:pointer;transition:all .25s var(--ease);background:0 0;border:2px solid #0000;padding:8px 18px;font-size:.88rem;font-weight:600}.nav-btn:hover{color:var(--text)}.nav-btn.active{border-color:var(--active-border);color:var(--text)}.theme-toggle{border:1.5px solid var(--surface-border);background:var(--surface);width:46px;height:46px;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s var(--spring), box-shadow .2s;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.theme-toggle:hover{transform:scale(1.1)}[data-theme=mono] .theme-toggle{border:2px solid #fff;border-radius:0}.main-content{min-height:calc(100vh - 80px);padding:24px 24px 0}.page-fade{animation:pageFadeIn .35s var(--ease)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tag{border-radius:var(--radius-full);background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--surface-sm-border);white-space:nowrap;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:600;transition:background .2s;display:inline-flex}[data-theme=mono] .tag{border:1px solid #fff}.tag-sm{border-radius:var(--radius-full);background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--surface-sm-border);align-items:center;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}[data-theme=mono] .tag-sm{border:1px solid #fff}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:4px 14px;font-size:.74rem;font-weight:800;display:inline-block}.badge-gold{background:var(--gold)}.badge-silver{background:var(--silver)}.badge-bronze{background:var(--bronze)}[data-theme=mono] .badge{color:#fff;border:1.5px solid #fff;border-radius:0;background:0 0!important}.btn-primary{background:var(--btn);color:var(--btn-text);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:opacity .2s, transform .2s var(--spring);border:none;padding:11px 22px;font-size:.92rem;font-weight:700}.btn-primary:hover{opacity:.85;transform:translateY(-2px)}[data-theme=mono] .btn-primary{border:2px solid #fff;border-radius:0}.footer-outer{padding:0 24px 24px}.footer-inner{grid-template-columns:auto 1px 1fr 1px auto;align-items:center;gap:0;min-height:76px;padding:20px 28px;display:grid}.footer-col{padding:0 20px}.footer-divider-v{background:var(--divider);width:1px;height:60px}.footer-nav-links{flex-direction:column;gap:3px;display:flex}.footer-link{color:var(--text-2);font-family:var(--font);text-underline-offset:3px;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:.84rem;font-weight:600;text-decoration:underline;transition:color .2s}.footer-link:hover{color:var(--text)}.footer-middle{flex-direction:column;align-items:center;gap:10px;padding:0 20px;display:flex}.footer-search-wrap{width:100%;max-width:300px;position:relative}.footer-search{background:var(--input-bg);border:1px solid var(--surface-sm-border);border-radius:var(--radius-full);width:100%;color:var(--text);font-family:var(--font);outline:none;padding:8px 36px 8px 14px;font-size:.85rem;transition:border-color .2s}.footer-search::placeholder{color:var(--text-3)}.footer-search:focus{border-color:var(--active-border)}[data-theme=mono] .footer-search{border:2px solid #fff;border-radius:0}.footer-search-icon{pointer-events:none;color:var(--text-3);font-size:.9rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.footer-hotbar{gap:6px;display:flex}.hotbar-pill{border-radius:var(--radius-full);background:var(--surface-sm);border:1px solid var(--surface-sm-border);cursor:pointer;color:var(--text);font-size:.85rem;font-family:var(--font);padding:6px 14px;transition:all .2s}.hotbar-pill:hover{background:var(--card-hover)}[data-theme=mono] .hotbar-pill{border-radius:0}.footer-contact{flex-direction:column;gap:4px;display:flex}.footer-contact-row{color:var(--text-2);align-items:center;gap:8px;font-size:.82rem;display:flex}.footer-contact-row strong{color:var(--text);font-weight:700}.footer-contact-row a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#000000a6;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:660px;max-height:92vh;padding:40px;position:relative;overflow-y:auto;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.modal-close{border:1.5px solid var(--surface-sm-border);background:var(--surface-sm);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.modal-close:hover{background:var(--card-hover)}[data-theme=mono] .modal-close{border-radius:0}.modal-icon{margin-bottom:12px;font-size:2.8rem}.modal-project-name{letter-spacing:-.025em;margin-bottom:4px;font-size:1.6rem;font-weight:900}.modal-project-sub{color:var(--text-3);margin-bottom:16px;font-size:.92rem;font-style:italic}.modal-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:20px 0 6px;font-size:.72rem;font-weight:800}.modal-section-text{color:var(--text-2);text-align:justify;font-size:.93rem;line-height:1.75}.modal-tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.modal-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.modal-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-meta-chip{border-radius:var(--radius-full);background:var(--surface-sm);border:1px solid var(--surface-sm-border);color:var(--text-2);padding:4px 12px;font-size:.78rem}[data-theme=mono] .modal-meta-chip{border-radius:0}.search-wrap{position:relative}.search-input{background:var(--input-bg);border:1px solid var(--surface-sm-border);border-radius:var(--radius-full);color:var(--text);font-family:var(--font);outline:none;width:220px;padding:10px 40px 10px 18px;font-size:.9rem;transition:border-color .2s,width .3s}.search-input:focus{border-color:var(--active-border);width:260px}.search-input::placeholder{color:var(--text-3)}[data-theme=mono] .search-input{border:2px solid #fff;border-radius:0}.search-icon{color:var(--text-3);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-tab{border-radius:var(--radius-full);border:1.5px solid var(--surface-sm-border);background:var(--surface-sm);color:var(--text-3);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:6px 16px;font-size:.83rem;font-weight:600}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--text);border-color:var(--active-border);background:var(--tag-bg)}[data-theme=mono] .filter-tab{border-radius:0}.contact-form{flex-direction:column;gap:10px;padding:28px;display:flex}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-size:.75rem;font-weight:800}.form-input,.form-textarea{background:var(--input-bg);border:1px solid var(--surface-sm-border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font);resize:vertical;outline:none;padding:10px 14px;font-size:.92rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--active-border)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}[data-theme=mono] .form-input,[data-theme=mono] .form-textarea{border:2px solid #fff;border-radius:0}.hamburger-btn{background:var(--surface-sm);border:1px solid var(--surface-sm-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:auto;padding:0;display:none}.hamburger-line{background:var(--text);transform-origin:50%;border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .2s;display:block}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.mid.open{opacity:0;transform:scaleX(0)}.hamburger-line.open:last-child{transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:200;flex-direction:column;gap:2px;padding:12px 8px;display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px}.mobile-menu-profiles{flex-direction:column;gap:6px;padding:4px 8px 8px;display:flex}.mobile-menu-profile-link{border-radius:var(--radius-md);font-family:var(--font);color:var(--text);background:var(--surface-sm);border:1px solid var(--surface-sm-border);align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:700;text-decoration:none;display:flex}.mobile-menu-divider{background:var(--divider);height:1px;margin:6px 8px}.mobile-menu-item{border-radius:var(--radius-md);width:100%;color:var(--text-2);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1rem;font-weight:600;transition:background .18s,color .18s;display:flex}.mobile-menu-item:hover{background:var(--card-hover);color:var(--text)}.mobile-menu-item.active{color:var(--text);font-weight:800}.mobile-menu-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.achievement-card{flex-direction:column;gap:20px;padding:32px 36px;display:flex}@media (width>=769px){.modal-overlay{align-items:center;padding:24px}.modal-box{border-bottom-left-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-xl)!important}}@media (width<=768px){.nav-outer{padding:10px 12px 0;position:sticky}.nav-inner{gap:6px;padding:9px 14px}.nav-profile-links,.nav-links{display:none}.hamburger-btn,.mobile-menu{display:flex}.main-content{padding:16px 12px 0}.page-wrapper{padding:0 12px}h1{font-size:clamp(1.6rem,6vw,2rem)}h2{font-size:clamp(1.25rem,5vw,1.6rem)}h3{font-size:1rem}p{font-size:.9rem}.btn-primary{padding:10px 18px;font-size:.88rem}.theme-toggle{width:40px;height:40px;font-size:16px}.glass{border-radius:var(--radius-lg)!important}.achievement-card{gap:16px;padding:20px 16px}.modal-overlay{align-items:flex-end;padding:0}.modal-box{max-width:100%;max-height:88vh;padding:24px 16px 32px;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.modal-project-name{font-size:1.25rem}.modal-section-text{text-align:left;font-size:.88rem}.modal-close{top:12px;right:12px}.search-input{width:160px;font-size:.85rem}.search-input:focus{width:190px}.filter-tabs{gap:6px;margin-bottom:16px}.filter-tab{padding:5px 12px;font-size:.8rem}.tag{padding:3px 10px;font-size:.73rem}.tag-sm{padding:2px 7px;font-size:.68rem}footer>div>div:nth-child(2){grid-template-columns:1fr!important}footer>div>div:nth-child(2)>div{border-bottom:1px solid var(--divider);border-right:none!important}footer>div>div:nth-child(2)>div:last-child{border-bottom:none}footer>div>div:nth-child(2)>div{padding:18px 16px!important}}@media (width<=480px){.nav-inner{gap:4px;padding:8px 12px}.main-content{padding:12px 10px 0}.achievement-card{padding:16px 12px}.modal-box{padding:20px 12px 28px}.modal-project-name{font-size:1.1rem}.filter-tabs{gap:4px}.filter-tab{padding:4px 10px;font-size:.76rem}h1{font-size:clamp(1.4rem,8vw,1.8rem)}h2{font-size:clamp(1.1rem,6vw,1.4rem)}}[data-theme=mono] a[style*="rgba(34,197,94"]{background:0 0!important;border-color:#ffffffb3!important}[data-theme=mono] a[style*="rgba(34,197,94"]:hover{background:#ffffff14!important;border-color:#fff!important}[data-theme=mono] a[style*="background: var(--accent)"],[data-theme=mono] a[style*="background:var(--accent)"]{color:#000!important;background:#fff!important}[data-theme=mono] .glass-sm{background:#0f0f0f}[data-theme=mono] .theme-toggle{color:#fff}[data-theme=mono] .filter-tab.active{color:#000!important;background:#fff!important;border-color:#fff!important}[data-theme=mono] .search-input,[data-theme=mono] .footer-search{color:#fff!important;background:#111!important;border:2px solid #fff9!important}[data-theme=mono] .search-input:focus,[data-theme=mono] .footer-search:focus{border-color:#fff!important}[data-theme=mono] .modal-meta-chip{color:#ddd}