*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0ede6;background:#050505;width:100%;height:100%;font-family:Space Grotesk,sans-serif;overflow:hidden}#app{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}#splash{z-index:20;cursor:pointer;background:#050505;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#splash.hidden{opacity:0;pointer-events:none}#splash-title{color:#d4a574;letter-spacing:.15em;text-shadow:0 0 40px #d4a5744d;font-size:clamp(1.8rem,6vw,3.5rem);font-weight:600}#splash-sub{color:#888;letter-spacing:.3em;margin-top:1.5rem;font-size:clamp(.7rem,2vw,1rem);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}#splash-hint{color:#444;margin-top:.5rem;font-size:.7rem}#overlay{z-index:10;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}#overlay.visible{pointer-events:auto;opacity:1}#overlay-bg{backdrop-filter:blur(12px);background:#050505bf;position:absolute;inset:0}#overlay-panel{scrollbar-width:thin;scrollbar-color:#d4a57433 transparent;background:#0c0c0cf5;border:1px solid #d4a5741f;border-radius:20px;width:94%;max-width:680px;max-height:90vh;padding:2rem 2.5rem;position:relative;overflow-y:auto}#overlay-title{color:#d4a574;letter-spacing:.08em;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}#overlay-content{color:#f0ede6;font-size:.82rem;line-height:1.75}#overlay-back{color:#d4a574;cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #d4a57433;border-radius:8px;margin-top:1.2rem;padding:.45rem 1.5rem;font-family:inherit;font-size:.78rem;transition:all .2s}#overlay-back:hover{background:#d4a5741a;border-color:#d4a574}.ov-block{opacity:0;padding:.4rem 0}.ov-image{border-radius:10px;width:100%;margin-bottom:1rem;display:block}.ov-banner{background:linear-gradient(135deg,#e8a060,#50e0e8,#a070d0);border-radius:10px;width:100%;height:90px;margin-bottom:1rem;position:relative;overflow:hidden}.ov-banner:after{content:"";background:radial-gradient(circle at 30% 40%,#fff3,#0000 60%);position:absolute;inset:0}.ov-banner-about{background:linear-gradient(135deg,#50e0e8,#a070d0)}.ov-banner-blog{background:linear-gradient(135deg,#a070d0,#e8a060)}.ov-banner-contact{background:linear-gradient(135deg,#e8a060,#50e0e8)}.ov-hero-img{border-radius:0;width:100%;min-height:150px;margin-bottom:.6rem;overflow:hidden}.ov-hero-aka{color:#d4a574;letter-spacing:.05em;font-size:1.5em;font-weight:700}.ov-hero-motto{color:#888;margin:.2em 0 .15em;font-size:.85em}.ov-hero-identity{color:#f0ede6;font-size:.9em}.ov-divider{background:#d4a5741a;height:1px;margin:.7rem 0}.ov-section-title{color:#5ce1e6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;font-size:.78em;font-weight:500}.ov-section-hint{color:#888;margin-bottom:.3rem;font-size:.72em}.ov-text{color:#ccc;font-size:.88em}.ov-card{opacity:0;background:#ffffff06;border-left:2px solid #d4a57426;border-radius:8px;margin:.35rem 0;padding:.55rem .7rem}.ov-card-head{justify-content:space-between;align-items:center;display:flex}.ov-card-title{color:#d4a574;font-size:.92em;font-weight:500}.ov-card-stars{color:#5ce1e6;font-size:.75em}.ov-card-date{color:#666;font-size:.72em}.ov-card-desc{color:#999;margin:.15em 0 .25em;font-size:.8em}.ov-tags{flex-wrap:wrap;gap:.25rem;display:flex}.ov-tag{color:#b8a0d4;background:#b8a0d414;border-radius:4px;padding:.1em .5em;font-size:.62em}.ov-skill-group{margin:.3rem 0}.ov-skill-cat{color:#5ce1e6;margin-bottom:.15rem;font-size:.82em;font-weight:500}.ov-timeline{flex-wrap:wrap;gap:.35rem;margin:.4rem 0;display:flex}.ov-milestone{opacity:0;background:#d4a5740d;border-radius:6px;padding:.2rem .6rem;font-size:.72em}.ov-year{color:#d4a574;margin-right:.3em;font-weight:600}.ov-label{color:#888}.ov-intro{color:#999;opacity:0;padding:.1em 0;font-size:.8em}.ov-links-grid{flex-wrap:wrap;gap:.35rem;margin:.3rem 0;display:flex}.ov-link{color:#f0ede6;opacity:0;background:#d4a5740d;border:1px solid #d4a57414;border-radius:6px;padding:.2rem .65rem;font-size:.76em;text-decoration:none;transition:all .2s;display:inline-block}.ov-link:hover{color:#d4a574;background:#d4a5741f;border-color:#d4a574}.ov-contact-row{opacity:0;align-items:center;gap:.5em;padding:.25em 0;display:flex}.ov-contact-icon{font-size:1em}.ov-stats{opacity:0;gap:1.2rem;margin:.4rem 0;display:flex}.ov-stat{flex-direction:column;align-items:center;display:flex}.ov-stat-num{color:#d4a574;font-size:1.2em;font-weight:600}.ov-stat-label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.65em}.ov-bento{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0;display:grid}.ov-bento-card{opacity:0;cursor:default;background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;padding:.7rem .8rem;transition:all .25s;position:relative;overflow:hidden}.ov-bento-card:before{content:"";opacity:0;background:linear-gradient(135deg,#d4a5740f,#0000);transition:opacity .25s;position:absolute;inset:0}.ov-bento-card:hover:before{opacity:1}.ov-bento-card:hover{border-color:#d4a57433;transform:translateY(-2px)}.ov-bento-card:first-child{grid-column:span 2}.ov-bento-head{justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;display:flex}.ov-bento-title{color:#f0ede6;font-size:.88em;font-weight:600}.ov-bento-stars{color:#5ce1e6;background:#5ce1e614;border-radius:4px;padding:.1em .45em;font-size:.72em;font-weight:500}.ov-bento-desc{color:#999;font-size:.78em;line-height:1.5}.ov-bento-link{color:#d4a574;opacity:.5;font-size:.7em;text-decoration:none;transition:opacity .2s}.ov-bento-link:hover{opacity:1}.ov-stat-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0;display:grid}.ov-stat-card{text-align:center;opacity:0;background:#ffffff05;border-radius:8px;padding:.6rem .7rem}.ov-stat-card-num{color:#d4a574;font-size:1.6em;font-weight:700;display:block}.ov-stat-card-label{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:.68em}.ov-timeline-v{margin:.5rem 0;padding-left:1.2rem;position:relative}.ov-timeline-v:before{content:"";background:#d4a57426;width:1px;position:absolute;top:0;bottom:0;left:.35rem}.ov-tl-item{opacity:0;padding:.35rem 0 .35rem .8rem;position:relative}.ov-tl-item:before{content:"";background:#d4a574;border-radius:50%;width:6px;height:6px;position:absolute;top:.6rem;left:-.85rem}.ov-tl-year{color:#d4a574;margin-right:.4em;font-size:.78em;font-weight:600}.ov-tl-label{color:#ccc;font-size:.8em}.ov-skill-bar-wrap{opacity:0;margin:.35rem 0}.ov-skill-bar-head{justify-content:space-between;margin-bottom:.15rem;display:flex}.ov-skill-bar-name{color:#f0ede6;font-size:.8em}.ov-skill-bar-pct{color:#888;font-size:.7em}.ov-skill-bar-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.ov-skill-bar-fill{transform-origin:0;border-radius:2px;height:100%;transform:scaleX(0)}.ov-link-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem;margin:.4rem 0;display:grid}.ov-link-card{color:#f0ede6;opacity:0;background:#ffffff06;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .6rem;font-size:.78em;text-decoration:none;transition:all .2s;display:flex}.ov-link-card:hover{background:#d4a5740f;border-color:#d4a57440;transform:translateY(-1px)}.ov-link-icon{font-size:1.1em}.ov-contact-grid{grid-template-columns:1fr;gap:.4rem;margin:.5rem 0;display:grid}.ov-contact-card{color:#f0ede6;opacity:0;background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.82em;text-decoration:none;transition:all .2s;display:flex}.ov-contact-card:hover{background:#5ce1e60f;border-color:#5ce1e640}.ov-contact-card-icon{text-align:center;width:2em;font-size:1.3em}.ov-contact-card-label{color:#ccc;font-weight:500}.ov-contact-card-sub{color:#666;font-size:.85em}.ov-hero-profile{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.ov-hero-avatar{background:#d4a57414;border:2px solid #d4a5744d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8em;display:flex}.ov-hero-info{flex:1}.ov-hero-name-big{color:#d4a574;letter-spacing:.04em;font-size:1.6em;font-weight:700}.ov-hero-subtitle{color:#888;margin-top:.1em;font-size:.82em}.ov-blog-list{flex-direction:column;gap:.4rem;margin:.5rem 0;display:flex}.ov-blog-card{opacity:0;background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;padding:.6rem .8rem;transition:all .2s}.ov-blog-card:hover{border-color:#b8a0d433}.ov-blog-head{justify-content:space-between;align-items:center;display:flex}.ov-blog-title{color:#f0ede6;font-size:.88em;font-weight:500}.ov-blog-date{color:#666;font-size:.7em}.ov-blog-desc{color:#999;margin:.2em 0 .25em;font-size:.78em}.ov-glow{filter:blur(60px);opacity:.08;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute}