[data-v-6558ebd6]{margin:0;padding:0;box-sizing:border-box}.resume-app[data-v-6558ebd6]{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container[data-v-6558ebd6]{max-width:1200px;margin:0 auto;padding:0 20px}.navbar[data-v-6558ebd6]{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease}.nav-container[data-v-6558ebd6]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo[data-v-6558ebd6]{font-size:24px;font-weight:700;color:#2563eb}.nav-menu[data-v-6558ebd6]{display:flex;list-style:none;gap:30px}.nav-menu a[data-v-6558ebd6]{text-decoration:none;color:#333;font-weight:500;cursor:pointer;transition:color .3s ease;position:relative}.nav-menu a[data-v-6558ebd6]:hover,.nav-menu a.active[data-v-6558ebd6]{color:#2563eb}.nav-menu a.active[data-v-6558ebd6]:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#2563eb;border-radius:1px}.main-content[data-v-6558ebd6]{margin-top:70px}.hero-section[data-v-6558ebd6]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.hero-section[data-v-6558ebd6]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:.3}.hero-content[data-v-6558ebd6]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.hero-text[data-v-6558ebd6]{opacity:0;transform:translateY(30px);animation:fadeInUp-6558ebd6 1s ease .5s forwards}.greeting[data-v-6558ebd6]{display:block;font-size:24px;margin-bottom:10px;opacity:.9}.name[data-v-6558ebd6]{display:block;font-size:64px;font-weight:700;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.hero-subtitle[data-v-6558ebd6]{font-size:28px;margin-bottom:20px;color:#e0e7ff}.hero-description[data-v-6558ebd6]{font-size:18px;line-height:1.8;margin-bottom:40px;opacity:.9}.hero-buttons[data-v-6558ebd6]{display:flex;gap:20px}.btn[data-v-6558ebd6]{padding:15px 30px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary[data-v-6558ebd6]{background:#fff;color:#2563eb}.btn-primary[data-v-6558ebd6]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary[data-v-6558ebd6]{background:transparent;color:#fff;border:2px solid #fff}.btn-secondary[data-v-6558ebd6]:hover{background:#fff;color:#2563eb;transform:translateY(-2px)}.hero-avatar[data-v-6558ebd6]{display:flex;justify-content:center;align-items:center}.avatar-container[data-v-6558ebd6]{position:relative;opacity:0;transform:scale(.8);animation:fadeInScale-6558ebd6 1s ease 1s forwards}.avatar[data-v-6558ebd6]{width:200px;height:200px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2)}.avatar-ring[data-v-6558ebd6]{position:absolute;inset:-20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:rotate-6558ebd6 20s linear infinite}.scroll-indicator[data-v-6558ebd6]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);opacity:0;animation:fadeIn-6558ebd6 1s ease 2s forwards}.scroll-arrow[data-v-6558ebd6]{font-size:24px;animation:bounce-6558ebd6 2s infinite}.section-title[data-v-6558ebd6]{font-size:48px;font-weight:700;text-align:center;margin-bottom:60px;color:#1f2937;position:relative}.section-title[data-v-6558ebd6]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(45deg,#2563eb,#7c3aed);border-radius:2px}.about-section[data-v-6558ebd6]{padding:100px 0;background:#f8fafc}.about-content[data-v-6558ebd6]{text-align:center}.about-text p[data-v-6558ebd6]{font-size:20px;line-height:1.8;color:#64748b;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.highlights[data-v-6558ebd6]{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:600px;margin:0 auto}.highlight-item[data-v-6558ebd6]{text-align:center}.highlight-number[data-v-6558ebd6]{display:block;font-size:48px;font-weight:700;color:#2563eb;margin-bottom:10px}.highlight-text[data-v-6558ebd6]{font-size:16px;color:#64748b;font-weight:500}.skills-section[data-v-6558ebd6]{padding:100px 0;background:#fff}.skills-grid[data-v-6558ebd6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.skill-item[data-v-6558ebd6]{background:#f8fafc;padding:30px;border-radius:15px;transition:transform .3s ease}.skill-item[data-v-6558ebd6]:hover{transform:translateY(-5px)}.skill-header[data-v-6558ebd6]{display:flex;align-items:center;margin-bottom:15px}.skill-icon[data-v-6558ebd6]{font-size:24px;margin-right:15px}.skill-name[data-v-6558ebd6]{flex:1;font-size:18px;font-weight:600;color:#1f2937}.skill-percentage[data-v-6558ebd6]{font-size:16px;font-weight:700;color:#2563eb}.skill-bar[data-v-6558ebd6]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.skill-progress[data-v-6558ebd6]{height:100%;background:linear-gradient(45deg,#2563eb,#7c3aed);border-radius:4px;transition:width 1s ease}.projects-section[data-v-6558ebd6]{padding:100px 0;background:#f8fafc}.projects-grid[data-v-6558ebd6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.project-card[data-v-6558ebd6]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card[data-v-6558ebd6]:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.project-image[data-v-6558ebd6]{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.project-emoji[data-v-6558ebd6]{font-size:80px}.project-content[data-v-6558ebd6]{padding:30px}.project-title[data-v-6558ebd6]{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:15px}.project-description[data-v-6558ebd6]{color:#64748b;line-height:1.6;margin-bottom:20px}.project-tech[data-v-6558ebd6]{display:flex;flex-wrap:wrap;gap:10px}.tech-tag[data-v-6558ebd6]{background:#e0e7ff;color:#3730a3;padding:5px 12px;border-radius:20px;font-size:14px;font-weight:500}.contact-section[data-v-6558ebd6]{padding:100px 0;background:#fff}.contact-content[data-v-6558ebd6]{max-width:600px;margin:0 auto}.contact-info[data-v-6558ebd6]{display:grid;gap:30px}.contact-item[data-v-6558ebd6]{display:flex;align-items:center;padding:20px;background:#f8fafc;border-radius:15px;transition:transform .3s ease}.contact-item[data-v-6558ebd6]:hover{transform:translate(10px)}.contact-icon[data-v-6558ebd6]{font-size:24px;margin-right:20px;width:40px;text-align:center}.contact-text[data-v-6558ebd6]{font-size:18px;color:#1f2937;font-weight:500}.footer[data-v-6558ebd6]{background:#1f2937;color:#9ca3af;text-align:center;padding:30px 0}@keyframes fadeInUp-6558ebd6{to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale-6558ebd6{to{opacity:1;transform:scale(1)}}@keyframes fadeIn-6558ebd6{to{opacity:1}}@keyframes rotate-6558ebd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-6558ebd6{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.hero-content[data-v-6558ebd6]{grid-template-columns:1fr;text-align:center;gap:40px}.name[data-v-6558ebd6]{font-size:48px}.nav-menu[data-v-6558ebd6]{display:none}.highlights[data-v-6558ebd6]{grid-template-columns:1fr;gap:30px}.skills-grid[data-v-6558ebd6],.projects-grid[data-v-6558ebd6]{grid-template-columns:1fr}}.resume-app[data-v-6558ebd6]{opacity:0;transition:opacity .5s ease}.resume-app.loaded[data-v-6558ebd6]{opacity:1}