*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#fff}#app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;height:100vh;width:70px;background:#1a1a1a;color:#fff;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:1000;padding:20px 0}.sidebar:hover{width:200px;box-shadow:10px 0 30px #0000001a}.sidebar-header{height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;transition:opacity .3s}.sidebar:hover .sidebar-header{opacity:0;pointer-events:none}.hamburger-static{width:25px;display:flex;flex-direction:column;gap:5px}.hamburger-static span{display:block;width:100%;height:2px;background:#fff}.nav-links{list-style:none}.nav-links li{width:100%}.nav-links a{display:flex;align-items:center;height:60px;color:#ccc;text-decoration:none;transition:.3s;padding:0 23px;white-space:nowrap}.nav-links a:hover{background:#333;color:#fff}.icon{font-size:1.5rem;min-width:24px;margin-right:30px}.text{opacity:0;transition:opacity .2s;font-size:1.1rem;font-weight:500}.sidebar:hover .text{opacity:1}.main-content{flex:1;margin-left:70px;padding:60px 40px;min-width:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.footer{position:fixed;bottom:0;left:70px;right:0;text-align:center;padding:15px 0;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid #eee;color:#999;font-size:.9rem;z-index:900;transition:left .3s}.profile-container[data-v-5a9149e2]{max-width:600px;margin:40px auto;padding:20px;text-align:center;font-family:sans-serif;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 6px #0000001a}.loading-state[data-v-5a9149e2]{color:#666;padding:40px 0}.name[data-v-5a9149e2]{font-size:2rem;color:#333;margin-bottom:5px}.title[data-v-5a9149e2]{font-size:1.2rem;color:#666;margin-bottom:20px}.bio[data-v-5a9149e2]{line-height:1.6;color:#444;margin-bottom:30px}.skills-list[data-v-5a9149e2]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.skill-tag[data-v-5a9149e2]{background-color:#42b883;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:700}.page-view[data-v-0fb02995]{padding-bottom:80px}.hero[data-v-0fb02995]{text-align:center;margin-bottom:50px}.title-gradient[data-v-0fb02995]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.subtitle[data-v-0fb02995]{color:#888;font-size:1.1rem}.card-grid[data-v-0fb02995]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.project-card[data-v-0fb02995]{position:relative;background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eee}.project-card[data-v-0fb02995]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #667eea26}.card-glow[data-v-0fb02995]{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.project-card:hover .card-glow[data-v-0fb02995]{opacity:1}.card-content[data-v-0fb02995]{padding:30px}.card-icon[data-v-0fb02995]{font-size:2.5rem;margin-bottom:15px}.card-title[data-v-0fb02995]{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}.card-desc[data-v-0fb02995]{color:#666;line-height:1.6;margin-bottom:20px}.tech-tags[data-v-0fb02995]{display:flex;flex-wrap:wrap;gap:8px}.tech-tag[data-v-0fb02995]{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);color:#555;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .2s}.tech-tag[data-v-0fb02995]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page-view[data-v-24d9d713]{padding-bottom:80px}.hero[data-v-24d9d713]{text-align:center;margin-bottom:50px}.title-gradient[data-v-24d9d713]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.subtitle[data-v-24d9d713]{color:#888;font-size:1.1rem}.game-section[data-v-24d9d713]{max-width:500px;margin:0 auto 60px}.game-grid[data-v-24d9d713]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.game-card[data-v-24d9d713]{position:relative;border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.game-card[data-v-24d9d713]:hover{transform:scale(1.03) translateY(-5px)}.game-bg[data-v-24d9d713]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:0}.game-card[data-v-24d9d713]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 60%);z-index:1}.game-content[data-v-24d9d713]{position:relative;z-index:2;padding:40px 30px;color:#fff;min-height:200px;display:flex;flex-direction:column;justify-content:center}.game-icon[data-v-24d9d713]{font-size:3rem;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-title[data-v-24d9d713]{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#fff}.game-desc[data-v-24d9d713]{color:#ffffffbf;line-height:1.6;font-size:.95rem}