:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #444;--secondary-text: #aaa;--font-family: "Comic Neue", cursive}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);line-height:1.6;overflow-x:hidden}.page-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;pointer-events:all;opacity:1;transition:opacity .5s ease-in-out}body:not(.is-loading) .page-transition-overlay{opacity:0;pointer-events:none}.page-container{max-width:800px;margin:0 auto;padding:60px 20px}header{margin-bottom:60px}nav{margin-bottom:20px}.back-link{color:var(--secondary-text);text-decoration:none;font-size:1.1rem;transition:color .2s}.back-link:hover{color:var(--text-color)}h1{font-size:3rem;margin-bottom:10px}h2{font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--accent-color)}.info-block{margin-bottom:50px}.item{margin-bottom:30px}.item h3{font-size:1.4rem;color:var(--text-color)}.meta{color:var(--secondary-text);font-size:.9rem;margin-bottom:10px}.meta a{color:#8ab4ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:700;transition:color .2s ease,text-decoration-color .2s ease}.meta a:visited{color:#a6c8ff}.meta a:hover,.meta a:focus-visible{color:#d2e3ff;text-decoration-color:#d2e3ff}ul{list-style:none;margin-top:10px}ul li{position:relative;padding-left:20px;margin-bottom:8px;color:var(--secondary-text)}ul li:before{content:"→";position:absolute;left:0;color:var(--text-color)}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skills-grid span{background:#1a1a1a;padding:8px 16px;border-radius:4px;font-size:.9rem;border:1px solid var(--accent-color)}.social-links{display:flex;gap:20px}.social-links a{color:var(--text-color);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .2s}.social-links a:hover{border-color:var(--text-color)}footer{margin-top:80px;text-align:center;color:var(--secondary-text);font-size:.9rem}@media (max-width: 600px){h1{font-size:2.2rem}.social-links{flex-direction:column;gap:10px}}