*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:ProductSansRegular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;transition:background .2s,color .2s;width:100%}body.no-blur .modal,body.no-blur .search-modal-content,body.no-blur .search-overlay,body.no-blur .settings-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.no-blur .fullscreen-menu,body.no-blur .modal,body.no-blur .search-modal-content.is-sticky:before,body.no-blur .search-overlay,body.no-blur .settings-logo,body.no-blur .settings-overlay{background:var(--bg)}body.no-blur .modal-content,body.no-blur .search-modal-content,body.no-blur .settings-content{background:var(--card-bg);box-shadow:0 3px 20px #0000001a}html.scroll-lock{overflow:hidden!important;width:100vw}html.scroll-lock>body>:not(.search-overlay):not(.modal):not(.header):not(.fullscreen-menu):not(.settings-overlay){pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}html.scroll-lock .header{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:none;border-bottom:transparent;transition:background .2s ease,backdrop-filter .2s ease,border-bottom .2s ease;transition-delay:.15s}.modal.active,.modal.active *,.search-overlay.active,.search-overlay.active *,.settings-overlay.active,.settings-overlay.active *{pointer-events:auto;touch-action:auto}a{color:var(--link);text-decoration:none}img{border-radius:12px;display:block;max-width:100%}input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none!important}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--header-bg);border-bottom:1px solid var(--border);color:var(--text);position:sticky;top:0;z-index:var(--z-index-header)}body.amoled-dark .header{border-bottom:transparent}.header-container{align-items:center;display:flex;gap:1.5rem;height:60px;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 1rem}.header-logo{color:var(--text);flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;text-decoration:none;width:40px}.header-logo img{height:100%;transition:opacity .3s;width:auto}.header-actions{align-items:center;display:flex;gap:10px}.header-nav{display:none}#card-modal.dark-mode .logo-light,.logo-dark,body.amoled-dark .logo-light,body.dark .logo-light{display:none!important}#card-modal.dark-mode .logo-dark,body.amoled-dark .logo-dark,body.dark .logo-dark{display:block!important}.img-background{align-items:center;background:var(--logo-bg);border:1px solid var(--logo-border);border-radius:15%;display:flex;flex-shrink:0;justify-content:center}.img-background .logo-dark,body.dark .img-background .logo-light{display:none}body.dark .img-background .logo-dark{display:block}body.amoled-dark .img-background .logo-light{display:none}body.amoled-dark .img-background .logo-dark{display:block}.hero-profile{display:flex;justify-content:center;padding:3rem 1rem}.hero-profile-inner{align-items:center;display:flex;flex-direction:column;max-width:600px;text-align:center;width:100%}.hero-profile-logo{border-radius:20%;flex-shrink:0;height:120px;margin-bottom:1rem;width:120px}.hero-profile-name{font-size:2rem;font-weight:800}.hero-profile-meta{font-size:1rem;font-weight:500;margin-bottom:1rem;opacity:.7}.hero-profile-desc{color:var(--text);font-size:1rem;line-height:1.7;margin-bottom:2rem;max-width:550px}.hero-profile-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.hero-profile-divider{margin:1rem auto;max-width:400px;width:100%}.profile-img{border-radius:25%;height:100%;object-fit:cover;width:100%}.info-sections-grid{display:grid;gap:0;grid-template-columns:1fr;margin:.5rem 0 1rem}.info-section{padding:3rem 2rem}.info-section-label{font-size:.75rem;font-weight:800;letter-spacing:.15em;margin-bottom:.5rem;opacity:.5;text-transform:uppercase}.info-section-title{font-size:1.75rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1rem}.info-section-lead{color:var(--text);font-size:1.05rem;line-height:1.6;margin:1rem 0;opacity:.9}.info-section-footer{margin-top:1.5rem}.lead{margin:1rem 0}.lead,.second{font-size:1rem}.second{line-height:1.6;margin-bottom:1.25rem;opacity:.8}.center,.second{color:var(--text)}.center{font-size:.9rem;margin:.5rem}.verse{background:var(--card-bg);border-left:4px solid var(--text);border-radius:4px 12px 12px 4px;color:var(--text);font-size:1rem;font-style:italic;font-weight:500;line-height:1.6;margin:1rem 0 0;opacity:.9;padding:1.5rem;position:relative}.meta{font-size:.8rem;margin-bottom:.5rem;opacity:.8}.section-divider{margin:0}.divider,.section-divider{background:var(--border);height:1px;width:100%}.divider{margin:1rem auto;position:relative}.content{flex-grow:1;margin:0 auto;max-width:1200px;padding:1rem .5rem 2rem;width:100%}.main-section{overflow:visible;padding:3rem 1rem}.section-title{color:var(--text);font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-left:0;text-align:center}.page-description{font-size:1rem;margin:0 auto 2.5rem;max-width:600px;text-align:center}.card-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skills-category{margin-bottom:1rem;padding:1rem 0}.skills-category h3{font-size:1.2rem;margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.project-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;width:100%}.project-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:left;transition:background .2s ease,color .2s ease,border .2s ease}.project-title{color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.project-description{color:var(--text);font-size:.95rem;line-height:1.5;opacity:.85}#footer-placeholder{height:0}.footer{background:var(--footer-bg);color:var(--text);font-size:1.2rem;line-height:1.3;margin-top:auto;padding:1.5rem 1rem}.footer-content-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}.footer-top{align-items:flex-start;display:flex;flex-direction:column;margin:0;text-align:left}.footer-logo-wrapper{flex-shrink:0;height:60px;margin:0;overflow:hidden;padding-right:1rem;width:60px}.footer-logo-wrapper img{border-radius:0;height:100%;object-fit:cover;width:100%}.footer-logo-wrapper .logo-dark,body.dark .footer-logo-wrapper .logo-light{display:none}body.dark .footer-logo-wrapper .logo-dark{display:block}body.amoled-dark .footer-logo-wrapper .logo-light{display:none}body.amoled-dark .footer-logo-wrapper .logo-dark{display:block}.footer-title{font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.3rem}.footer-description{color:var(--text);font-size:.9rem;line-height:1.5;opacity:.9}.footer-container{border-left:none;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.5rem 1rem;justify-content:flex-start;margin:0 0 1rem;padding-left:0}.footer-section{flex:1 1 100%;min-width:150px;text-align:left}.footer-section h3{color:var(--text);font-size:.9rem;font-weight:700;letter-spacing:.3px;margin-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:0}.footer a{color:var(--text);font-size:.8rem;line-height:1.3;opacity:.8;text-decoration:none;transition:opacity .2s ease}.footer a:hover{opacity:1}.footer-bottom{border-top:1px solid var(--border);font-size:.8rem;opacity:.8;padding-top:1rem;text-align:center}.copyright{display:inline-block;font-size:1.2rem;margin:.2rem .3rem 0;vertical-align:middle}.footer-bottom .name{text-decoration:underline}.footer .meta{font-size:.8rem;font-style:italic;line-height:1.5;margin-top:.5rem}