*,: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 .header,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 .header,body.no-blur .modal,body.no-blur .search-modal-content.is-sticky:before,body.no-blur .search-overlay,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 ease,border-bottom .2s ease;transition-delay:.2s}.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%}.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;transition:background .2s ease,backdrop-filter ease,border .2s ease;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}.header-logo img{height:100%;transition:opacity .3s;width:auto}#project-modal.dark-mode .logo-light,.logo-dark,body.amoled-dark .logo-light,body.dark .logo-light{display:none!important}#project-modal.dark-mode .logo-dark,body.amoled-dark .logo-dark,body.dark .logo-dark{display:block!important}.header-actions{align-items:center;display:flex;gap:10px}input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none!important}.header-nav{display:none}.hero{align-items:center;display:flex;height:100%;justify-content:center;padding:1rem}.hero-grid{display:grid;gap:20px;grid-template-columns:1fr;width:100%}.hero-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 12px var(--hero-accent);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:500px;padding:1.5rem;position:relative;width:100%}.hero-card-title{font-size:1.5rem;font-weight:700}.hero-top{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center;width:100%}.profile-img{border-radius:15%;height:120px;object-fit:cover;width:120px}.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}.lead,.verse{font-size:.9rem;margin:1rem 0}.second{margin-bottom:1rem}.center,.second{color:var(--text);font-size:.9rem}.center{margin:.5rem}.verse{color:var(--text);font-style:italic;font-weight:500;margin:1rem 0}.meta{font-size:.8rem;margin-bottom:.5rem;opacity:.8}.divider{background:var(--border);height:1px;margin:1rem auto;position:relative;width:100%}.page-description{font-size:1rem;margin:0 auto 2.5rem;max-width:600px;text-align:center}.content{flex-grow:1;margin:0 auto;max-width:1200px;padding:1rem .5rem 2rem;width:100%}.section-title{color:var(--text);font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-left:0;text-align:center}.skills-section{padding:2rem 0}.skills-category h3{font-size:1.2rem;margin-bottom:1rem;margin-top:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.projects-section{margin-top:1.5rem;overflow:visible;padding:0 .5rem}.projects-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}.projects-grid .featured-project-card{grid-column:1/-1;padding:1.5rem}.projects-grid .featured-project-card .card-header-row{border-bottom:1px solid var(--border);margin-bottom:0;padding-bottom:1rem}.projects-grid .featured-project-card .project-logo-wrapper{height:80px;width:80px}.projects-grid .featured-project-card .project-info{height:80px}.projects-grid .featured-project-card h3{font-size:1.3rem;-webkit-line-clamp:1;line-height:1.3;max-height:1.69rem;min-height:1.69rem}.projects-grid .featured-project-card .project-description{font-size:.95rem;-webkit-line-clamp:1;line-height:1.4;max-height:1.33rem;min-height:1.33rem}.projects-grid .featured-project-card>.button,.projects-grid .featured-project-card>.button-group-active{align-self:flex-start;margin-top:2rem;order:3}.contact-section .lead{color:var(--meta-text);font-size:1rem;margin-bottom:2rem}.social-grid{display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:900px;padding:0}#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{border-radius:15%;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}.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:1rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.project-description{color:var(--text);font-size:.9rem;line-height:1.4;margin:0}