@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary-gradient: linear-gradient(135deg, #d97706 0%, #ea580c 30%, #dc2626 70%, #be185d 100%);--secondary-gradient: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--accent-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--warm-gradient: linear-gradient(135deg, #f59e0b 0%, #ea580c 50%, #dc2626 100%);--glass-primary: rgba(26, 26, 32, .65);--glass-secondary: rgba(38, 37, 43, .55);--glass-tertiary: rgba(50, 48, 58, .45);--glass-hover: rgba(64, 61, 70, .35);--glass-active: rgba(217, 119, 6, .12);--bg-gradient-primary: radial-gradient(ellipse at top left, rgba(217, 119, 6, .06) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(234, 88, 12, .04) 0%, transparent 50%), radial-gradient(ellipse at center, rgba(190, 24, 93, .03) 0%, transparent 60%);--bg-gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .08) 0%, rgba(217, 119, 6, .02) 100%);--bg-gradient-hover: linear-gradient(145deg, rgba(255, 255, 255, .12) 0%, rgba(217, 119, 6, .04) 100%);--bg-primary: #0f0f14;--bg-secondary: #1a1a20;--bg-tertiary: #26252b;--bg-quaternary: #32303a;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--accent-primary: #d97706;--accent-secondary: #ea580c;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #06b6d4;--font-primary: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--fs-1: clamp(2rem, 5vw, 3rem);--fs-2: clamp(1.75rem, 4vw, 2.5rem);--fs-3: clamp(1.5rem, 3vw, 2rem);--fs-4: clamp(1.25rem, 2.5vw, 1.75rem);--fs-5: clamp(1.125rem, 2vw, 1.5rem);--fs-6: clamp(1rem, 1.5vw, 1.25rem);--fs-7: clamp(.875rem, 1vw, 1rem);--fs-8: clamp(.75rem, .8vw, .875rem);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 900;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15), 0 4px 6px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 8px 10px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .15), 0 0 0 1px rgba(217, 119, 6, .08);--shadow-glow: 0 0 40px rgba(217, 119, 6, .2), 0 0 80px rgba(234, 88, 12, .12);--shadow-glow-hover: 0 0 60px rgba(217, 119, 6, .3), 0 0 120px rgba(234, 88, 12, .15);--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1070}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:var(--space-xl)}body{font-family:var(--font-primary);font-size:var(--fs-5);font-weight:var(--fw-regular);line-height:1.6;color:var(--text-secondary);background:var(--bg-primary);background-image:radial-gradient(ellipse at 15% 10%,rgba(217,119,6,.03) 0%,transparent 40%),radial-gradient(ellipse at 85% 90%,rgba(234,88,12,.025) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(190,24,93,.02) 0%,transparent 30%),radial-gradient(ellipse at 10% 80%,rgba(16,185,129,.015) 0%,transparent 25%);background-attachment:fixed;min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-primary);color:var(--bg-primary)}ul,ol{list-style:none}a{color:inherit;text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-primary)}img{max-width:100%;height:auto;display:block}button{background:none;border:none;font:inherit;cursor:pointer;transition:all var(--transition-normal)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font:inherit;color:inherit}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}ion-icon{pointer-events:none;display:block}.text-gradient{background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--fw-bold)}.text-accent{color:var(--accent-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fw-light{font-weight:var(--fw-light)}.fw-regular{font-weight:var(--fw-regular)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.fs-3{font-size:var(--fs-3)}.fs-4{font-size:var(--fs-4)}.fs-5{font-size:var(--fs-5)}.fs-6{font-size:var(--fs-6)}.fs-7{font-size:var(--fs-7)}.w-100{width:100%}.h-100{height:100%}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.glass{background:var(--glass-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-glass);position:relative}.glass:before{content:"";position:absolute;inset:0;background:var(--bg-gradient-card);border-radius:inherit;z-index:-1}.glass-secondary{background:var(--glass-secondary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06)}.glass-tertiary{background:var(--glass-tertiary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.04)}.glass-hover{transition:all var(--transition-normal)}.glass-hover:hover{background:var(--glass-hover);border-color:#f59e0b33;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.separator{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--text-muted) 50%,transparent 100%);margin:var(--space-lg) 0;position:relative}.separator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:var(--radius-full)}.article-title{color:var(--text-primary);font-size:var(--fs-1);font-weight:var(--fw-bold);margin-bottom:var(--space-lg);position:relative;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.article-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid rgba(217,119,6,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);transition:all var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);box-shadow:0 0 8px #d977064d}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.6) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#1412184d;border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.05)}*::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0bcc,#f9731699);border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.2);transition:all var(--transition-normal)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#f97316cc);box-shadow:0 0 8px #f59e0b66}*::-webkit-scrollbar-corner{background:transparent}.has-scrollbar::-webkit-scrollbar{width:6px;height:6px}.has-scrollbar::-webkit-scrollbar-track{background:#1f1a2566;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.08)}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-sm);border:none;box-shadow:0 0 6px #f59e0b4d}.has-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 12px #f59e0b80}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--bg-quaternary);border-radius:var(--radius-full);border-top-color:var(--accent-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0;padding:0;min-height:100vh;position:relative}article{background:var(--glass-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-glass);position:relative;overflow:hidden;transition:all var(--transition-normal)}article:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);opacity:.6}article:after{content:"";position:absolute;inset:0;background:var(--bg-gradient-card);border-radius:inherit;z-index:-1;opacity:.8}article.active{animation:slideInFromRight .6s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-weight:var(--fw-medium);font-size:var(--fs-6);border-radius:var(--radius-lg);transition:all var(--transition-normal);text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:var(--bg-primary);box-shadow:var(--shadow-lg);border:none;font-weight:var(--fw-semibold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-secondary{background:var(--glass-secondary);border:1px solid rgba(217,119,6,.12);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--glass-hover);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 20px #d9770626}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.card{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(217,119,6,.08);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--bg-gradient-card);border-radius:inherit;z-index:-1;opacity:.6}.card:hover{background:var(--glass-hover);border-color:#d9770633;transform:translateY(-4px);box-shadow:var(--shadow-glow)}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.card:hover:after{opacity:.8}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-7);font-weight:var(--fw-medium);border-radius:var(--radius-full);background:var(--glass-tertiary);border:1px solid rgba(217,119,6,.06);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-primary{background:var(--primary-gradient);color:var(--bg-primary);border:none;font-weight:var(--fw-semibold)}.progress{width:100%;height:6px;background:var(--bg-quaternary);border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid rgba(217,119,6,.08)}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;box-shadow:0 0 10px #d9770640}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}html{background:var(--bg-primary)}.page-container::-webkit-scrollbar,article::-webkit-scrollbar,.sidebar-container::-webkit-scrollbar{width:6px}.page-container::-webkit-scrollbar-track,article::-webkit-scrollbar-track,.sidebar-container::-webkit-scrollbar-track{background:#0c0a0f99;border-radius:var(--radius-full)}.page-container::-webkit-scrollbar-thumb,article::-webkit-scrollbar-thumb,.sidebar-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0bb3,#f9731680);border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.1)}.page-container::-webkit-scrollbar-thumb:hover,article::-webkit-scrollbar-thumb:hover,.sidebar-container::-webkit-scrollbar-thumb:hover{background:var(--primary-gradient);box-shadow:0 0 8px #f59e0b4d}@media (min-width: 768px){article{padding:var(--space-2xl)}.card{padding:var(--space-xl)}}@media (max-width: 767px){article{padding:var(--space-lg)}.card{padding:var(--space-md)}}.sidebar[data-v-bf185b97]{padding:var(--space-xl);border-radius:var(--radius-2xl);position:relative;overflow:hidden;transition:all var(--transition-normal)}.profile-section[data-v-bf185b97]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);position:relative}.avatar-container[data-v-bf185b97]{position:relative}.avatar-box[data-v-bf185b97]{width:120px;height:120px;border-radius:var(--radius-full);padding:4px;position:relative;background:var(--primary-gradient);transition:all var(--transition-normal)}.avatar-box[data-v-bf185b97]:before{content:"";position:absolute;inset:0;padding:3px;background:var(--primary-gradient);border-radius:var(--radius-full);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;animation:rotate-bf185b97 8s linear infinite}@keyframes rotate-bf185b97{to{transform:rotate(360deg)}}.avatar-image[data-v-bf185b97]{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;position:relative;z-index:1}.status-indicator[data-v-bf185b97]{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:var(--accent-success);border-radius:var(--radius-full);border:3px solid var(--dark-primary);z-index:2;animation:pulse-bf185b97 2s infinite}@keyframes pulse-bf185b97{0%,to{opacity:1}50%{opacity:.5}}.profile-info[data-v-bf185b97]{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.profile-name[data-v-bf185b97]{font-size:var(--fs-2);font-weight:var(--fw-bold);margin:0;line-height:1.2}.profile-title[data-v-bf185b97]{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--bg-gradient-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.title-text[data-v-bf185b97]{color:var(--text-secondary);font-size:var(--fs-6);font-weight:var(--fw-medium)}.typing-animation .cursor[data-v-bf185b97]{color:var(--accent-primary);animation:blink-bf185b97 1s infinite}@keyframes blink-bf185b97{0%,50%{opacity:1}51%,to{opacity:0}}.profile-location[data-v-bf185b97]{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--fs-7)}.profile-location ion-icon[data-v-bf185b97]{color:var(--accent-primary)}.contact-toggle-btn[data-v-bf185b97]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:var(--fs-6);font-weight:var(--fw-medium);transition:all var(--transition-normal);position:relative;overflow:hidden}.contact-toggle-btn[data-v-bf185b97]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left var(--transition-normal);z-index:-1}.contact-toggle-btn[data-v-bf185b97]:hover:before,.contact-toggle-btn.active[data-v-bf185b97]:before{left:0}.contact-toggle-btn[data-v-bf185b97]:hover,.contact-toggle-btn.active[data-v-bf185b97]{color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.chevron-icon[data-v-bf185b97]{transition:transform var(--transition-normal)}.contact-toggle-btn.active .chevron-icon[data-v-bf185b97]{transform:rotate(180deg)}.contact-section[data-v-bf185b97]{margin-top:var(--space-lg)}.section-divider[data-v-bf185b97]{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gray-primary) 50%,transparent 100%);margin:var(--space-lg) 0;position:relative}.section-divider[data-v-bf185b97]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:var(--radius-full)}.contact-grid[data-v-bf185b97]{display:grid;gap:var(--space-md)}.contact-item[data-v-bf185b97]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.contact-item[data-v-bf185b97]:hover{border-color:#ffffff1a;transform:translate(4px)}.contact-icon[data-v-bf185b97]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-gradient-card);border:1px solid rgba(255,255,255,.1);font-size:18px;color:var(--accent-primary)}.contact-details[data-v-bf185b97]{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.contact-label[data-v-bf185b97]{font-size:var(--fs-7);color:var(--text-primary);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.5px}.contact-value[data-v-bf185b97]{color:var(--text-secondary);font-size:var(--fs-6);font-weight:var(--fw-regular);text-decoration:none;transition:color var(--transition-normal)}.contact-value[data-v-bf185b97]:hover{color:var(--accent-primary)}.social-section[data-v-bf185b97]{margin-top:var(--space-lg)}.social-title[data-v-bf185b97]{font-size:var(--fs-6);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-md);text-align:center}.social-grid[data-v-bf185b97]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.social-link[data-v-bf185b97]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:20px;transition:all var(--transition-normal);position:relative;overflow:hidden}.social-link[data-v-bf185b97]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left var(--transition-normal);z-index:-1}.social-link[data-v-bf185b97]:hover:before{left:0}.social-link[data-v-bf185b97]:hover{color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.social-tooltip[data-v-bf185b97]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--dark-quaternary);color:var(--white-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--fs-7);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-normal);margin-bottom:8px}.social-link:hover .social-tooltip[data-v-bf185b97]{opacity:1;transform:translate(-50%) translateY(-4px)}.action-section[data-v-bf185b97]{margin-top:var(--space-lg)}.download-btn[data-v-bf185b97]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--primary-gradient);color:var(--white-primary);text-decoration:none;font-weight:var(--fw-semibold);font-size:var(--fs-6);transition:all var(--transition-normal);border:none}.download-btn[data-v-bf185b97]:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.slide-down-enter-active[data-v-bf185b97],.slide-down-leave-active[data-v-bf185b97]{transition:all var(--transition-normal)}.slide-down-enter-from[data-v-bf185b97],.slide-down-leave-to[data-v-bf185b97]{opacity:0;transform:translateY(-20px);max-height:0}.slide-down-enter-to[data-v-bf185b97],.slide-down-leave-from[data-v-bf185b97]{opacity:1;transform:translateY(0);max-height:1000px}@media (max-width: 1023px){.sidebar[data-v-bf185b97]{max-height:280px;overflow:hidden;transition:max-height var(--transition-slow)}.sidebar.active[data-v-bf185b97]{max-height:800px;overflow:visible}.profile-section[data-v-bf185b97]{flex-direction:row;text-align:left;align-items:center;position:relative;padding-right:60px}.avatar-box[data-v-bf185b97]{width:80px;height:80px;flex-shrink:0}.profile-info[data-v-bf185b97]{align-items:flex-start;flex:1}.profile-title[data-v-bf185b97],.profile-location[data-v-bf185b97]{justify-content:flex-start}.contact-toggle-btn[data-v-bf185b97]{position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%);width:40px;height:40px;padding:var(--space-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.btn-text[data-v-bf185b97]{display:none}}@media (min-width: 1024px){.sidebar[data-v-bf185b97]{position:sticky;top:var(--space-xl);height:fit-content;max-height:calc(100vh - var(--space-3xl));overflow-y:auto}.contact-toggle-btn .btn-text[data-v-bf185b97]{display:block}}@media (prefers-reduced-motion: reduce){.avatar-box[data-v-bf185b97]:before{animation:none}.status-indicator[data-v-bf185b97]{animation:none}.typing-animation .cursor[data-v-bf185b97]{animation:none;opacity:1}}.navbar[data-v-b930013b]{position:relative;width:100%;padding:var(--space-md);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.nav-indicator[data-v-b930013b]{position:absolute;top:var(--space-md);bottom:var(--space-md);background:var(--primary-gradient);border-radius:var(--radius-lg);transition:all var(--transition-normal);opacity:0;z-index:1;box-shadow:0 4px 20px #667eea66}.navbar-list[data-v-b930013b]{display:flex;list-style:none;margin:0;padding:0;position:relative;z-index:2}.navbar-item[data-v-b930013b]{flex:1}.navbar-link[data-v-b930013b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);text-decoration:none;color:var(--text-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:60px}.navbar-link[data-v-b930013b]:hover{color:var(--text-secondary);background:#ffffff0d}.navbar-link.router-link-active[data-v-b930013b]{color:var(--text-primary)}.nav-icon[data-v-b930013b]{font-size:1.25rem;transition:all var(--transition-normal)}.navbar-link:hover .nav-icon[data-v-b930013b]{transform:translateY(-2px)}.navbar-link.router-link-active .nav-icon[data-v-b930013b]{color:var(--text-primary)}.nav-text[data-v-b930013b]{font-size:var(--fs-7);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-normal)}.nav-ripple[data-v-b930013b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transition:transform var(--transition-fast);pointer-events:none;z-index:-1}.navbar-link:active .nav-ripple[data-v-b930013b]{transform:scale(1)}@media (max-width: 768px){.navbar[data-v-b930013b]{position:static;margin:0;border:1px solid rgba(255,255,255,.15)}.nav-text[data-v-b930013b]{font-size:var(--fs-8)}.navbar-link[data-v-b930013b]{padding:var(--space-sm);min-height:50px}}@media (min-width: 769px){.navbar-list[data-v-b930013b]{justify-content:center;max-width:400px;margin:0 auto}.navbar-link[data-v-b930013b]{flex-direction:row;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.nav-text[data-v-b930013b]{font-size:var(--fs-6)}}@media (prefers-contrast: high){.navbar[data-v-b930013b]{border:2px solid var(--text-secondary)}.navbar-link[data-v-b930013b]{border:1px solid transparent}.navbar-link.router-link-active[data-v-b930013b]{border-color:var(--accent-primary)}}@media (prefers-reduced-motion: reduce){.nav-indicator[data-v-b930013b],.navbar-link[data-v-b930013b],.nav-icon[data-v-b930013b],.nav-text[data-v-b930013b],.nav-ripple[data-v-b930013b]{transition:none}}.app-container[data-v-f0330b59]{min-height:100vh;position:relative;opacity:0;transition:opacity .8s ease}.app-container.loaded[data-v-f0330b59]{opacity:1}.bg-decoration[data-v-f0330b59]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.decoration-circle[data-v-f0330b59]{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(217,119,6,.06) 0%,transparent 60%);animation:float-f0330b59 20s infinite linear;filter:blur(.5px)}.decoration-1[data-v-f0330b59]{width:350px;height:350px;top:8%;left:-12%;animation-delay:0s}.decoration-2[data-v-f0330b59]{width:220px;height:220px;top:58%;right:-8%;background:radial-gradient(circle,rgba(234,88,12,.05) 0%,transparent 60%);animation-delay:-10s}.decoration-3[data-v-f0330b59]{width:160px;height:160px;bottom:18%;left:48%;background:radial-gradient(circle,rgba(190,24,93,.04) 0%,transparent 60%);animation-delay:-5s}@keyframes float-f0330b59{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.main-wrapper[data-v-f0330b59]{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto;min-height:100vh}.sidebar-container[data-v-f0330b59]{border-radius:var(--radius-2xl);transition:all var(--transition-normal);animation:slideInFromLeft-f0330b59 .8s ease-out}@keyframes slideInFromLeft-f0330b59{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.content-container[data-v-f0330b59]{display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.navigation-container[data-v-f0330b59]{border-radius:var(--radius-xl);padding:var(--space-md);position:static;z-index:var(--z-sticky);animation:slideInFromTop-f0330b59 .8s ease-out .2s both}@keyframes slideInFromTop-f0330b59{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.page-container[data-v-f0330b59]{flex:1;animation:slideInFromRight .8s ease-out .4s both}.page-enter-active[data-v-f0330b59],.page-leave-active[data-v-f0330b59]{transition:all .3s ease}.page-enter-from[data-v-f0330b59]{opacity:0;transform:translate(30px)}.page-leave-to[data-v-f0330b59]{opacity:0;transform:translate(-30px)}.fab[data-v-f0330b59]{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-primary);background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(217,119,6,.2);cursor:pointer;z-index:var(--z-fixed);transition:all var(--transition-normal);opacity:0;animation:fadeInDelayed-f0330b59 1s ease-out 1.5s forwards}.fab[data-v-f0330b59]:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--accent-primary);background:var(--glass-hover)}.fab ion-icon[data-v-f0330b59]{transition:transform var(--transition-fast)}.fab:hover ion-icon[data-v-f0330b59]{transform:translateY(-2px)}@keyframes fadeInDelayed-f0330b59{to{opacity:1}}@media (min-width: 768px){.main-wrapper[data-v-f0330b59]{gap:var(--space-xl);padding:var(--space-xl)}.navigation-container[data-v-f0330b59]{padding:var(--space-lg)}}@media (min-width: 1024px){.main-wrapper[data-v-f0330b59]{display:grid;grid-template-columns:400px 1fr;grid-template-rows:auto 1fr;gap:var(--space-2xl);align-items:start}.sidebar-container[data-v-f0330b59]{grid-row:1 / -1;position:sticky;top:var(--space-xl)}.content-container[data-v-f0330b59]{grid-column:2;gap:var(--space-xl);display:flex;flex-direction:column}.navigation-container[data-v-f0330b59]{position:static;order:1}.page-container[data-v-f0330b59]{order:2}}@media (min-width: 1400px){.main-wrapper[data-v-f0330b59]{grid-template-columns:450px 1fr;gap:var(--space-3xl)}}@media (prefers-reduced-motion: reduce){.decoration-circle[data-v-f0330b59]{animation:none}.app-container[data-v-f0330b59],.sidebar-container[data-v-f0330b59],.navigation-container[data-v-f0330b59],.page-container[data-v-f0330b59],.fab[data-v-f0330b59]{animation:none;opacity:1}.page-enter-active[data-v-f0330b59],.page-leave-active[data-v-f0330b59]{transition:none}}@media (prefers-contrast: high){.glass[data-v-f0330b59]{background:var(--dark-secondary);border-color:var(--white-tertiary)}}@media (max-width: 767px){.main-wrapper[data-v-f0330b59]{padding:var(--space-md);gap:var(--space-md);display:flex;flex-direction:column;padding-bottom:calc(120px + var(--space-md))}.sidebar-container[data-v-f0330b59]{order:1;position:static}.content-container[data-v-f0330b59]{order:2;margin-bottom:var(--space-lg)}.page-container[data-v-f0330b59]{padding-bottom:var(--space-lg)}.navigation-container[data-v-f0330b59]{order:3;position:fixed;bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg);top:auto;padding:var(--space-sm);z-index:var(--z-fixed)}.fab[data-v-f0330b59]{bottom:calc(var(--space-lg) + 80px);right:var(--space-lg);width:48px;height:48px;font-size:20px}}.about[data-v-1f1f357e]{margin-bottom:30px}.article-title[data-v-1f1f357e]{margin-bottom:20px;animation:fadeInUp-1f1f357e .6s ease;position:relative}.article-title[data-v-1f1f357e]:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--primary-gradient);border-radius:3px}.about-text[data-v-1f1f357e]{color:var(--text-secondary);font-weight:var(--fw-regular);line-height:1.8;animation:fadeInUp-1f1f357e .6s ease .1s both;margin-bottom:40px}.about-text p[data-v-1f1f357e]{margin-bottom:20px;font-size:clamp(.875rem,1.5vw,1rem)}.service[data-v-1f1f357e]{margin-bottom:35px}.service-title[data-v-1f1f357e]{margin-bottom:30px;animation:fadeInUp-1f1f357e .6s ease .2s both;position:relative;color:var(--text-primary);font-size:var(--fs-3);font-weight:var(--fw-semibold)}.service-title[data-v-1f1f357e]:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--primary-gradient);border-radius:2px}.service-list[data-v-1f1f357e]{display:grid;grid-template-columns:1fr;gap:25px}.service-item[data-v-1f1f357e]{position:relative;background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border-radius:var(--radius-xl);border:1px solid rgba(217,119,6,.08);box-shadow:var(--shadow-glass);z-index:1;animation:slideInUp-1f1f357e .6s ease both;transition:all var(--transition-normal);overflow:hidden}.service-item[data-v-1f1f357e]:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-card);border-radius:inherit;z-index:-1}.service-item[data-v-1f1f357e]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .6s}.service-item[data-v-1f1f357e]:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:#d9770633}.service-item[data-v-1f1f357e]:hover:after{left:100%}.service-icon-box[data-v-1f1f357e]{margin-bottom:15px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--glass-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(217,119,6,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.service-icon-box img[data-v-1f1f357e]{filter:brightness(0) saturate(100%) invert(84%) sepia(11%) saturate(294%) hue-rotate(194deg) brightness(98%) contrast(95%);transition:all var(--transition-normal)}.service-item:hover .service-icon-box img[data-v-1f1f357e]{filter:brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(1288%) hue-rotate(11deg) brightness(91%) contrast(91%);transform:scale(1.1)}.service-content-box[data-v-1f1f357e]{text-align:left}.service-item-title[data-v-1f1f357e]{margin-bottom:12px;color:var(--text-primary);transition:var(--transition-normal)}.service-item:hover .service-item-title[data-v-1f1f357e]{color:var(--accent-primary)}.service-item-text[data-v-1f1f357e]{color:var(--text-secondary);font-size:var(--fs-6);font-weight:var(--fw-regular);line-height:1.7}@keyframes fadeInUp-1f1f357e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp-1f1f357e{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 580px){.service-list[data-v-1f1f357e]{grid-template-columns:1fr 1fr;gap:25px}}@media (min-width: 768px){.service-item[data-v-1f1f357e]{padding:30px}.service-icon-box[data-v-1f1f357e]{width:70px;height:70px}.service-icon-box img[data-v-1f1f357e]{width:45px;height:45px}}@media (min-width: 1024px){.service-list[data-v-1f1f357e]{grid-template-columns:1fr;gap:30px}.service-item[data-v-1f1f357e]{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px;padding:35px}.service-icon-box[data-v-1f1f357e]{margin-bottom:0;margin-top:5px;flex-shrink:0}.service-content-box[data-v-1f1f357e]{text-align:left}}@media (min-width: 1200px){.service-item[data-v-1f1f357e]{gap:30px;padding:40px}}.resume[data-v-5b22c7a7]{margin-bottom:30px}.article-title[data-v-5b22c7a7]{margin-bottom:30px;animation:fadeInUp-5b22c7a7 .6s ease}.timeline-title[data-v-5b22c7a7]{margin-bottom:12px;animation:fadeInUp-5b22c7a7 .6s ease .2s both;position:relative;color:var(--text-primary);font-size:var(--fs-4);font-weight:var(--fw-semibold)}.timeline-title[data-v-5b22c7a7]:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--primary-gradient);border-radius:2px}.timeline[data-v-5b22c7a7]{margin-bottom:30px}.title-wrapper[data-v-5b22c7a7]{display:flex;align-items:center;gap:15px;margin-bottom:25px;animation:fadeInLeft-5b22c7a7 .6s ease}.timeline-list[data-v-5b22c7a7]{font-size:var(--fs-6);margin-left:45px}.timeline-item[data-v-5b22c7a7]{position:relative;animation:slideInUp-5b22c7a7 .6s ease both}.timeline-item[data-v-5b22c7a7]:not(:last-child){margin-bottom:20px}.timeline-item-title[data-v-5b22c7a7]{margin-bottom:5px;animation:fadeInUp-5b22c7a7 .6s ease .2s both;position:relative;color:var(--text-primary);font-size:var(--fs-7);font-weight:var(--fw-semibold)}.timeline-list span[data-v-5b22c7a7]{color:var(--accent-primary);font-weight:var(--fw-400);line-height:1.6}.timeline-item[data-v-5b22c7a7]:not(:last-child):before{content:"";position:absolute;top:-25px;left:-30px;width:1px;height:calc(100% + 50px);background:var(--jet)}.timeline-item[data-v-5b22c7a7]:after{content:"";position:absolute;top:5px;left:-33px;height:6px;width:6px;background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet)}.timeline-text[data-v-5b22c7a7]{color:var(--text-secondary);font-weight:var(--fw-regular);line-height:1.6}.skills-title[data-v-5b22c7a7]{margin-bottom:20px;animation:fadeInUp-5b22c7a7 .6s ease .2s both}.skills-list[data-v-5b22c7a7]{padding:20px}.skills-item[data-v-5b22c7a7]:not(:last-child){margin-bottom:15px}.skills-item[data-v-5b22c7a7]{animation:slideInUp-5b22c7a7 .6s ease both}.title-wrapper[data-v-5b22c7a7]{display:flex;align-items:center;gap:5px;margin-bottom:8px}.title-wrapper data[data-v-5b22c7a7]{color:var(--text-secondary);font-size:var(--fs-7);font-weight:var(--fw-regular)}.skill-progress-bg[data-v-5b22c7a7]{background:var(--jet);width:100%;height:8px;border-radius:var(--radius-12)}.skill-progress-fill[data-v-5b22c7a7]{background:var(--text-gradient-yellow);height:100%;border-radius:inherit;width:0%;transition:width 1s ease-in-out}.icon-box[data-v-5b22c7a7]{position:relative;background:var(--border-gradient-onyx);width:48px;height:48px;border-radius:var(--radius-12);display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--accent-primary);box-shadow:var(--shadow-1);z-index:1}.icon-box[data-v-5b22c7a7]:before{content:"";position:absolute;inset:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1}@keyframes fadeInUp-5b22c7a7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft-5b22c7a7{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp-5b22c7a7{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.timeline-text[data-v-5b22c7a7]{max-width:700px}}.skill[data-v-5b22c7a7]{margin-bottom:var(--space-2xl)}.skills-title[data-v-5b22c7a7]{color:var(--text-primary);font-size:var(--fs-2);font-weight:var(--fw-bold);margin-bottom:var(--space-xl);text-align:center;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-grid[data-v-5b22c7a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.skill-item[data-v-5b22c7a7]{padding:var(--space-lg);border-radius:var(--radius-xl);transition:all var(--transition-normal);animation:slideInUp-5b22c7a7 .6s ease both;position:relative;overflow:hidden}.skill-item[data-v-5b22c7a7]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.skill-item[data-v-5b22c7a7]:hover:before{opacity:1}.skill-item[data-v-5b22c7a7]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--glass-hover)}.skill-header[data-v-5b22c7a7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.skill-info[data-v-5b22c7a7]{flex:1}.skill-name[data-v-5b22c7a7]{color:var(--text-primary);font-size:var(--fs-5);font-weight:var(--fw-semibold);margin-bottom:var(--space-xs)}.skill-category[data-v-5b22c7a7]{color:var(--text-muted);font-size:var(--fs-7);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-medium)}.skill-percentage[data-v-5b22c7a7]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-full);background:var(--glass-secondary);border:1px solid rgba(255,255,255,.1)}.percentage-value[data-v-5b22c7a7]{color:var(--text-primary);font-size:var(--fs-6);font-weight:var(--fw-bold);font-family:var(--font-mono)}.skill-progress[data-v-5b22c7a7]{position:relative}.progress-track[data-v-5b22c7a7]{width:100%;height:8px;background:var(--bg-quaternary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill[data-v-5b22c7a7]{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);width:0%;opacity:0;transition:all var(--transition-slow);position:relative;overflow:hidden}.progress-glow[data-v-5b22c7a7]{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100%);animation:shimmer-5b22c7a7 2s infinite}@keyframes shimmer-5b22c7a7{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 767px){.skills-grid[data-v-5b22c7a7]{grid-template-columns:1fr;gap:var(--space-md)}.skill-item[data-v-5b22c7a7]{padding:var(--space-md)}.skill-header[data-v-5b22c7a7]{flex-direction:column;gap:var(--space-sm);align-items:center;text-align:center}}.portfolio[data-v-ec2a9dec]{margin-bottom:30px}.article-title[data-v-ec2a9dec]{margin-bottom:30px;animation:fadeInUp-ec2a9dec .6s ease}.filter-list[data-v-ec2a9dec]{display:none}.filter-select-box[data-v-ec2a9dec]{position:relative;margin-bottom:25px;animation:fadeInUp-ec2a9dec .6s ease .1s both}.filter-select[data-v-ec2a9dec]{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid rgba(217,119,6,.1);border-radius:var(--radius-lg);font-size:var(--fs-6);font-weight:var(--fw-300);cursor:pointer}.filter-select[data-v-ec2a9dec]:hover{background:var(--glass-hover);border-color:#d9770633}.select-list[data-v-ec2a9dec]{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:calc(100% + 6px);width:100%;padding:6px;border:1px solid rgba(217,119,6,.1);border-radius:var(--radius-lg);z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-normal)}.filter-select-box.active .select-list[data-v-ec2a9dec]{opacity:1;visibility:visible;pointer-events:all}.select-item button[data-v-ec2a9dec]{background:var(--glass-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);font-size:var(--fs-6);font-weight:var(--fw-regular);text-transform:capitalize;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-1)}.select-item button[data-v-ec2a9dec]:hover{background:var(--glass-hover);color:var(--text-primary)}.project-list[data-v-ec2a9dec]{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:10px}.project-item[data-v-ec2a9dec]{animation:scaleUp-ec2a9dec .6s ease both}.project-item.active[data-v-ec2a9dec]{display:block}.project-img[data-v-ec2a9dec]{position:relative;width:100%;height:200px;border-radius:var(--radius-16);overflow:hidden;margin-bottom:15px}.project-img[data-v-ec2a9dec]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;transition:var(--transition-1)}.project-item:hover .project-img[data-v-ec2a9dec]:before{background:#00000080}.project-item-icon-box[data-v-ec2a9dec]{--scale: .8;background:var(--glass-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(217,119,6,.2);color:var(--accent-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scale));font-size:20px;padding:18px;border-radius:var(--radius-lg);opacity:0;z-index:1;transition:var(--transition-normal)}.project-item:hover .project-item-icon-box[data-v-ec2a9dec]{--scale: 1;opacity:1}.project-img img[data-v-ec2a9dec]{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.project-item:hover .project-img img[data-v-ec2a9dec]{transform:scale(1.1)}.project-title[data-v-ec2a9dec],.project-category[data-v-ec2a9dec]{margin-left:10px}.project-title[data-v-ec2a9dec]{color:var(--text-primary);font-size:var(--fs-5);font-weight:var(--fw-medium);text-transform:capitalize;line-height:1.3}.project-category[data-v-ec2a9dec]{color:var(--text-muted);font-size:var(--fs-6);font-weight:var(--fw-regular);text-transform:capitalize}.project-item[data-v-ec2a9dec]{cursor:pointer}.fade-enter-active[data-v-ec2a9dec],.fade-leave-active[data-v-ec2a9dec]{transition:all .3s ease}.fade-enter-from[data-v-ec2a9dec],.fade-leave-to[data-v-ec2a9dec]{opacity:0;transform:scale(.8)}@keyframes fadeInUp-ec2a9dec{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp-ec2a9dec{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (min-width: 580px){.project-list[data-v-ec2a9dec]{grid-template-columns:1fr 1fr;gap:25px}}@media (min-width: 768px){.filter-list[data-v-ec2a9dec]{display:flex;justify-content:flex-start;align-items:center;gap:25px;margin-bottom:30px;animation:fadeInUp-ec2a9dec .6s ease .1s both}.filter-select-box[data-v-ec2a9dec]{display:none}.filter-btn[data-v-ec2a9dec]{color:var(--text-secondary);font-size:var(--fs-5);font-weight:var(--fw-regular);text-transform:capitalize;border:none;background:none;cursor:pointer;transition:var(--transition-normal)}.filter-btn.active[data-v-ec2a9dec]{color:var(--accent-primary)}.filter-btn[data-v-ec2a9dec]:hover{color:var(--text-primary)}}@media (min-width: 1024px){.project-list[data-v-ec2a9dec]{grid-template-columns:repeat(3,1fr)}.project-img[data-v-ec2a9dec]{height:220px}}