body{margin:0}body[data-v-aab5b3f0]{margin:0;padding:0}.app-content[data-v-aab5b3f0]{flex:1;overflow:auto}[data-v-0e0b9a16]:root{--bg-color:#f8f8f8;--text-color:#111;--font-main:"Helvetica Neue", Helvetica, Arial, sans-serif}body[data-v-0e0b9a16]{background-color:var(--bg-color);font-family:var(--font-main);color:var(--text-color);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#ui-layer[data-v-0e0b9a16]{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}header[data-v-0e0b9a16]{pointer-events:auto;opacity:0;justify-content:space-between;align-items:flex-start;padding:40px;display:flex}.brand[data-v-0e0b9a16]{gap:20px;display:flex}.logo[data-v-0e0b9a16]{font-size:3rem;font-weight:700;line-height:1}.meta[data-v-0e0b9a16]{color:#555;margin-top:5px;font-size:.8rem;line-height:1.4}nav ul[data-v-0e0b9a16]{gap:40px;margin:0;padding:0;list-style:none;display:flex}nav a[data-v-0e0b9a16]{color:var(--text-color);font-size:1rem;font-weight:500;text-decoration:none}footer[data-v-0e0b9a16]{pointer-events:auto;opacity:0;justify-content:space-between;align-items:flex-end;padding:40px;display:flex}.footer-left h1[data-v-0e0b9a16]{letter-spacing:-1px;text-transform:uppercase;margin:0 0 30px;font-size:4rem}.info-flex[data-v-0e0b9a16]{gap:40px;font-size:.85rem;display:flex}.info-col[data-v-0e0b9a16]{flex-direction:column;gap:4px;display:flex}.info-col strong[data-v-0e0b9a16]{color:#000;margin-bottom:8px;display:block}.info-col span[data-v-0e0b9a16]{color:#555}.footer-right[data-v-0e0b9a16]{color:#555;font-size:.85rem}.close-btn[data-v-0e0b9a16]{color:#fff;cursor:pointer;z-index:100;opacity:0;pointer-events:none;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:opacity .3s;display:flex;position:absolute;top:40px;right:40px}#canvas-container[data-v-0e0b9a16]{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#resume-container[data-v-0e0b9a16]{z-index:50;pointer-events:none;opacity:0;box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:80px;padding-bottom:40px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}#resume-container[data-v-0e0b9a16]::-webkit-scrollbar{width:6px}#resume-container[data-v-0e0b9a16]::-webkit-scrollbar-track{background:0 0}#resume-container[data-v-0e0b9a16]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}#resume-container[data-v-0e0b9a16]::-webkit-scrollbar-thumb:hover{background:#ffffff80}#resume-container[data-v-0e0b9a16]::-webkit-scrollbar-corner{background:0 0}.resume[data-v-0e0b9a16]{color:#fff;-webkit-font-smoothing:antialiased;width:90%;max-width:800px;padding:60px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resume-header[data-v-0e0b9a16]{border-bottom:1px solid #fff3;margin-bottom:50px;padding-bottom:30px}.resume-title[data-v-0e0b9a16]{letter-spacing:-.5px;margin:0 0 10px;font-size:3rem;font-weight:700}.resume-subtitle[data-v-0e0b9a16]{color:#ffffffb3;margin:0;font-size:1.2rem;font-weight:400}.resume-section[data-v-0e0b9a16]{margin-bottom:40px}.section-title[data-v-0e0b9a16]{text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:20px;font-size:.9rem;font-weight:600}.experience-item[data-v-0e0b9a16]{margin-bottom:25px}.experience-title[data-v-0e0b9a16]{margin-bottom:5px;font-size:1.3rem;font-weight:600}.experience-company[data-v-0e0b9a16]{color:#fffc;margin-bottom:3px;font-size:1rem}.experience-date[data-v-0e0b9a16]{color:#ffffff80;font-size:.9rem;font-style:italic}.experience-desc[data-v-0e0b9a16]{color:#ffffffe6;margin-top:10px;font-size:1rem;line-height:1.6}.skills-grid[data-v-0e0b9a16]{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;display:grid}.skill-item[data-v-0e0b9a16]{text-align:center;background:#ffffff1a;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:background .3s}.skill-item[data-v-0e0b9a16]:hover{background:#fff3}.contact-info[data-v-0e0b9a16]{gap:30px;margin-top:20px;display:flex}.contact-item[data-v-0e0b9a16]{color:#fffc;font-size:1rem}.contact-item a[data-v-0e0b9a16]{color:#fff;border-bottom:1px solid #ffffff4d;padding-bottom:2px;text-decoration:none;transition:border-color .3s}.contact-item a[data-v-0e0b9a16]:hover{border-color:#fff}@media (width<=768px){#resume-container[data-v-0e0b9a16]{padding-top:60px;padding-bottom:30px}.resume[data-v-0e0b9a16]{width:95%;padding:20px}.resume-title[data-v-0e0b9a16]{font-size:2rem}.resume-subtitle[data-v-0e0b9a16]{font-size:1rem}.resume-section[data-v-0e0b9a16]{margin-bottom:30px}.section-title[data-v-0e0b9a16]{letter-spacing:1px;margin-bottom:15px;font-size:.8rem}.experience-item[data-v-0e0b9a16]{margin-bottom:20px}.experience-title[data-v-0e0b9a16]{font-size:1.1rem}.experience-company[data-v-0e0b9a16]{font-size:.9rem}.experience-date[data-v-0e0b9a16]{font-size:.8rem}.experience-desc[data-v-0e0b9a16]{font-size:.9rem;line-height:1.5}.skills-grid[data-v-0e0b9a16]{grid-template-columns:repeat(2,1fr);gap:10px}.skill-item[data-v-0e0b9a16]{padding:10px 12px;font-size:.85rem}.contact-info[data-v-0e0b9a16]{flex-direction:column;gap:10px}.contact-item[data-v-0e0b9a16]{font-size:.9rem}.resume-header[data-v-0e0b9a16]{margin-bottom:35px;padding-bottom:20px}}@media (width<=480px){.resume-title[data-v-0e0b9a16]{font-size:1.8rem}.skills-grid[data-v-0e0b9a16]{grid-template-columns:1fr}.experience-desc[data-v-0e0b9a16]{font-size:.85rem}.contact-info[data-v-0e0b9a16]{flex-direction:column;gap:8px}}.html-frame-container[data-v-f0308d06]{width:100%;height:100%;min-height:400px;position:relative}.html-frame[data-v-f0308d06]{border:none;width:100%;height:100%;display:block}.loading-overlay[data-v-f0308d06]{z-index:10;background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ldr[data-v-f0308d06]{color:#10b981;font-size:13.3333px;font-weight:600}.ldr[data-v-f0308d06]:after{content:".";animation:1.5s steps(4,end) infinite dt-f0308d06}@keyframes dt-f0308d06{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-overlay p[data-v-f0308d06]{color:#666;margin-top:16px}.error-overlay[data-v-f0308d06]{z-index:10;background:#fff5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.error-overlay p[data-v-f0308d06]{color:#c0392b;margin:4px 0}.error-path[data-v-f0308d06]{color:#95a5a6;word-break:break-all;max-width:80%;font-size:.85rem}.html-page-container[data-v-be70bf57]{background:#fff;flex-direction:column;height:100vh;display:flex;position:relative}.page-content[data-v-be70bf57]{flex:1;display:flex;overflow:hidden}.frame-area[data-v-be70bf57]{border-right:1px solid #e0e0e0;flex:1;overflow:hidden}.help-panel[data-v-be70bf57]{z-index:1000;cursor:pointer;background:#fff;border-radius:50px;align-items:center;gap:0;max-width:50px;max-height:50px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50px;right:50px;overflow:hidden;box-shadow:0 4px 15px #0000004d}.help-panel[data-v-be70bf57]::-webkit-scrollbar{display:none}.help-panel[data-v-be70bf57]:hover{box-shadow:0 6px 20px #0006}.help-panel.expanded[data-v-be70bf57]{border-radius:8px;max-width:250px;max-height:200px;padding:16px}.help-icon[data-v-be70bf57]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:0;right:0}.help-panel.expanded .help-icon[data-v-be70bf57]{border-radius:8px;width:40px;height:40px}.help-icon span[data-v-be70bf57]{color:#000;font-size:24px;font-weight:700;transition:transform .3s}.help-panel.expanded .help-icon span[data-v-be70bf57]{font-size:20px;transform:rotate(45deg)}.help-content[data-v-be70bf57]{opacity:0;transition:all .3s;overflow:auto;transform:translate(-10px)}.help-panel.expanded .help-content[data-v-be70bf57]{opacity:1;transform:translate(0)}.help-title[data-v-be70bf57]{color:#000;border-bottom:1px solid #ffffff1a;margin-bottom:12px;margin-right:50px;padding-bottom:8px;font-size:1rem;font-weight:600}.help-list[data-v-be70bf57]{flex-direction:column;gap:12px;display:flex}.help-item[data-v-be70bf57]{animation:.3s forwards fadeIn-be70bf57}.help-item[data-v-be70bf57]:first-child{animation-delay:50ms}.help-item[data-v-be70bf57]:nth-child(2){animation-delay:.1s}.help-item[data-v-be70bf57]:nth-child(3){animation-delay:.15s}.help-item[data-v-be70bf57]:nth-child(4){animation-delay:.2s}.help-item[data-v-be70bf57]:nth-child(5){animation-delay:.25s}@keyframes fadeIn-be70bf57{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.help-item-title[data-v-be70bf57]{color:#667eea;margin-bottom:4px;font-size:.85rem;font-weight:500}.help-item-desc[data-v-be70bf57]{color:#000;font-size:.8rem;line-height:1.5}.help-empty[data-v-be70bf57]{color:#ffffff80;text-align:center;padding:16px 0;font-size:.85rem}@media (width<=768px){.help-panel[data-v-be70bf57]{top:80px;right:20px}.help-panel.expanded[data-v-be70bf57]{max-width:calc(100vw - 60px)}.help-icon[data-v-be70bf57]{width:44px;height:44px}.help-icon span[data-v-be70bf57]{font-size:20px}}