@import url(https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);.loading-overlay[data-v-329609b9]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-container[data-v-329609b9]{text-align:center;position:relative;z-index:2;transition:all .3s ease}.loading-main[data-v-329609b9]{position:relative;margin-bottom:3rem}.code-symbols[data-v-329609b9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px}.symbol[data-v-329609b9]{position:absolute;color:hsla(0,0%,100%,.6);font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;animation:symbolFloat-329609b9 3s ease-in-out infinite}.symbol[data-v-329609b9]:first-child{top:10%;left:50%;transform:translateX(-50%)}.symbol[data-v-329609b9]:nth-child(2){top:25%;right:15%}.symbol[data-v-329609b9]:nth-child(3){top:50%;right:5%;transform:translateY(-50%)}.symbol[data-v-329609b9]:nth-child(4){bottom:25%;right:15%}.symbol[data-v-329609b9]:nth-child(5){bottom:10%;left:50%;transform:translateX(-50%)}.symbol[data-v-329609b9]:nth-child(6){bottom:25%;left:15%}.symbol[data-v-329609b9]:nth-child(7){top:50%;left:5%;transform:translateY(-50%)}.symbol[data-v-329609b9]:nth-child(8){top:25%;left:15%}@keyframes symbolFloat-329609b9{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.1);opacity:1}}.progress-circle[data-v-329609b9]{position:relative;display:inline-block}.progress-ring[data-v-329609b9]{transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(67,233,123,.5))}.progress-ring-progress[data-v-329609b9]{transition:stroke-dashoffset .3s ease;stroke-linecap:round}.progress-text[data-v-329609b9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.progress-number[data-v-329609b9]{display:block;font-size:2rem;font-weight:700;margin-bottom:.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.progress-label[data-v-329609b9]{font-size:.9rem;opacity:.8;letter-spacing:1px}.particles[data-v-329609b9]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle[data-v-329609b9]{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.8);border-radius:50%;animation:particleFloat-329609b9 3s ease-in-out infinite}@keyframes particleFloat-329609b9{0%,to{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}}.loading-text[data-v-329609b9]{margin-bottom:2rem}.text-line[data-v-329609b9]{margin-bottom:1rem}.char[data-v-329609b9]{display:inline-block;color:#fff;font-size:1.2rem;font-weight:500;animation:charFadeIn-329609b9 .8s ease-in-out forwards;opacity:0;transform:translateY(20px)}@keyframes charFadeIn-329609b9{to{opacity:1;transform:translateY(0)}}.loading-dots[data-v-329609b9]{display:flex;justify-content:center;gap:.5rem}.dot[data-v-329609b9]{width:8px;height:8px;background:hsla(0,0%,100%,.8);border-radius:50%;animation:dotBounce-329609b9 1.4s ease-in-out infinite both}.dot[data-v-329609b9]:first-child{animation-delay:-.32s}.dot[data-v-329609b9]:nth-child(2){animation-delay:-.16s}.dot[data-v-329609b9]:nth-child(3){animation-delay:0s}@keyframes dotBounce-329609b9{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-tips[data-v-329609b9]{position:absolute;bottom:-4rem;left:50%;transform:translateX(-50%);width:300px}.tip-item[data-v-329609b9]{color:hsla(0,0%,100%,.6);font-size:.9rem;opacity:0;transform:translateY(10px);transition:all .5s ease;position:absolute;width:100%;text-align:center}.tip-item.active[data-v-329609b9]{opacity:1;transform:translateY(0)}.background-animation[data-v-329609b9]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.wave[data-v-329609b9]{position:absolute;width:200%;height:200%;background:linear-gradient(45deg,hsla(0,0%,100%,.05),transparent 50%,hsla(0,0%,100%,.05));animation:waveMove-329609b9 8s linear infinite}.wave1[data-v-329609b9]{top:-50%;left:-50%;animation-duration:8s}.wave2[data-v-329609b9]{top:-50%;left:-50%;animation-duration:12s;animation-direction:reverse}.wave3[data-v-329609b9]{top:-50%;left:-50%;animation-duration:16s}@keyframes waveMove-329609b9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.code-symbols[data-v-329609b9]{width:250px;height:250px}.symbol[data-v-329609b9]{font-size:1.2rem}.progress-number[data-v-329609b9]{font-size:1.5rem}.char[data-v-329609b9]{font-size:1rem}.loading-tips[data-v-329609b9]{width:250px}}@media (max-width:576px){.code-symbols[data-v-329609b9]{width:200px;height:200px}.symbol[data-v-329609b9]{font-size:1rem}.progress-ring[data-v-329609b9]{width:100px;height:100px}.progress-number[data-v-329609b9]{font-size:1.2rem}.char[data-v-329609b9]{font-size:.9rem}.loading-tips[data-v-329609b9]{width:200px;bottom:-3rem}.tip-item[data-v-329609b9]{font-size:.8rem}}.loading-overlay.fade-out[data-v-329609b9]{animation:fadeOut-329609b9 .5s ease-in-out forwards}@keyframes fadeOut-329609b9{to{opacity:0;visibility:hidden}}*{box-sizing:border-box}:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f5f7fa;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#e9ecef;--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15);--card-bg:#fff;--sidebar-bg:#2c3e50;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888;--border-color:#404040;--shadow-light:rgba(0,0,0,.3);--shadow-medium:rgba(0,0,0,.5);--card-bg:#2d2d2d;--sidebar-bg:#1e1e1e;--sidebar-border:#333;--sidebar-text:#fff;--sidebar-text-secondary:#ccc;--sidebar-hover:hsla(0,0%,100%,.15);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#2d2d2d,#3a3a3a)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.gradient-text{position:relative;font-size:25px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:5px;z-index:1;animation:shift 1s ease-in-out infinite alternate}.gradient-text:after,.gradient-text:before{display:block;content:attr(data-glitch);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.gradient-text:before{animation:glitch-1 .5s infinite;color:#00fffc;z-index:-1}.gradient-text:after{animation:glitch-2 .5s infinite;color:#fc00ff;z-index:-2}@keyframes glitch-1{0%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(-2px)}60%{transform:translateX(2px)}80%{transform:translateX(2px)}to{transform:translateX(0)}}@keyframes glitch-2{0%{transform:translateX(0)}20%{transform:translateX(2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(-2px)}to{transform:translateX(0)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skewX(0deg)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}.btn-shine{position:relative;padding:12px 48px;color:#fff;background:linear-gradient(90deg,#2a2a2a 0,#fff 10%,#1a1a1a 20%);background-position:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 2s linear infinite;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:600!important;font-size:22px!important;text-decoration:none;white-space:nowrap;font-family:Poppins,sans-serif}@keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.2);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f093fb,#f5576c);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:linear-gradient(45deg,#4facfe,#00f2fe)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:#667eea hsla(0,0%,100%,.1)}.dark-mode ::-webkit-scrollbar-track{background:rgba(0,0,0,.2);box-shadow:inset 0 0 6px hsla(0,0%,100%,.1)}.dark-mode *{scrollbar-color:#764ba2 rgba(0,0,0,.2)}.content-wrapper{padding:1rem;min-height:100vh;background-color:var(--bg-primary);transition:margin-left .3s ease,background-color .3s ease,width .3s ease;width:calc(100% - 200px);box-sizing:border-box}.side-bar.collapsed~.content-wrapper{margin-left:70px;width:calc(100% - 70px)}.side-bar{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;transition:transform .3s ease;top:0;left:0;z-index:1001;color:var(--sidebar-text,#333)}.side-bar.collapsed{width:70px}.dark-mode .side-bar{background:#1e1e1e;color:#fff;border-right:1px solid #333;box-shadow:2px 0 10px rgba(0,0,0,.5)}.side-bar.open{left:0}@media screen and (max-width:1200px){.side-bar{transform:translateX(-100%)!important;box-shadow:2px 0 15px rgba(0,0,0,.3)}.side-bar.open{transform:translateX(0)!important;box-shadow:2px 0 25px rgba(0,0,0,.4)}.side-bar.collapsed{transform:translateX(-100%);width:70px}.side-bar.collapsed.open{transform:translateX(0)}.content-wrapper{padding:.5rem}.content-wrapper,.side-bar.collapsed~.content-wrapper{margin-left:0;width:100%}.collapse-btn{display:none}}.side-bar::-webkit-scrollbar{display:none}.side-bar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-content{height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-content{-ms-overflow-style:none;scrollbar-width:none}.collapse-btn{position:relative;width:50px;height:50px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-medium);margin:1rem auto 1rem auto}.collapse-btn:hover{background:var(--bg-tertiary);transform:scale(1.05);box-shadow:0 6px 16px var(--shadow-medium)}.collapse-btn:active{transform:scale(.98);box-shadow:0 2px 8px var(--shadow-light)}.collapse-btn .el-icon{font-size:22px;color:var(--text-primary);transition:transform .2s ease}.collapse-btn:hover .el-icon{transform:scale(1.1)}.dark-mode .collapse-btn{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.4)}.dark-mode .collapse-btn:hover{background:var(--bg-tertiary);box-shadow:0 6px 16px rgba(0,0,0,.6)}.collapse-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-secondary);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;margin-bottom:8px;box-shadow:0 2px 8px var(--shadow-light)}.collapse-btn:hover:after{opacity:1;visibility:visible}.user-info{display:flex;flex-direction:column;align-items:center;padding:.5rem .2rem;margin-bottom:1rem;gap:.5rem;transition:all .3s ease}.side-bar.collapsed .user-info{flex-direction:column;text-align:center;padding:.5rem .3rem;margin-bottom:1rem;gap:.3rem}.user-img{width:65px;height:65px;border:3px solid #667eea;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.2)}.side-bar.collapsed .user-img{width:55px;height:55px;border:3px solid #667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}.user-text{text-align:center;display:flex;flex-direction:column;gap:.2rem;align-items:center}.dark-mode .user-img{border:3px solid #667eea;box-shadow:0 0 15px rgba(102,126,234,.3)}.user-img img{height:100%;-o-object-fit:cover;object-fit:cover}.greeting{font-size:.75rem;color:#888;margin:0;font-weight:400}.name{font-size:1rem;font-weight:600;margin:0;color:#333}.dark-mode .greeting{color:#aaa}.dark-mode .name{color:#fff}.menu{flex:1;margin-top:0}.menu-ul{list-style:none;padding:0;margin:0}.menu-list{margin-bottom:0}.menu-link{display:flex;align-items:center;justify-content:flex-start;padding:.8rem 1rem;color:#666;text-decoration:none;transition:all .3s ease;font-size:.9rem;border-radius:12px;margin:0 .5rem 0 2rem;text-align:left;flex-direction:row;white-space:nowrap;line-height:1;min-height:40px}.side-bar.collapsed .menu-link{justify-content:center;padding:.8rem;text-align:center;margin:0 .3rem;gap:0;flex-direction:row;padding-left:.8rem}.menu-link:hover{background:rgba(102,126,234,.1);color:#333;transform:translateX(5px)}.side-bar.collapsed .menu-link:hover{transform:scale(1.1)}.menu-link.router-link-active{background:rgba(102,126,234,.1);color:#333;border-right:3px solid #667eea;margin-left:0;margin-right:0;border-radius:0;padding-left:3rem}.side-bar.collapsed .menu-link.router-link-active{border-right:none;border-bottom:3px solid #667eea}.dark-mode .menu-link{color:#ccc}.dark-mode .menu-link.router-link-active,.dark-mode .menu-link:hover{background:hsla(0,0%,100%,.15);color:#fff}.dark-mode .menu-link.router-link-active{border-right:3px solid #764ba2}.dark-mode .side-bar.collapsed .menu-link.router-link-active{border-right:none;border-bottom:3px solid #764ba2}.dark-mode .side-bar.collapsed .user-img{border-color:#764ba2}.menu-link .el-icon{font-size:22px;transition:all .3s ease;flex-shrink:0;color:#28a745;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;vertical-align:middle;position:relative;top:-1px}.menu-link span{font-weight:500;letter-spacing:.5em;display:inline-block;line-height:1;vertical-align:middle}.side-bar.collapsed .menu-link .el-icon{font-size:20px;width:20px;height:20px;margin-right:0}.dark-mode .menu-link .el-icon{color:#764ba2}.social{padding:1rem 0}.social-ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;max-width:100%}.social-list{margin:0}.social-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#667eea;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.social-link:hover{background:var(--sidebar-text,#fff);color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.social-link .el-icon{font-size:1.5rem}.dark-mode .social-link{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3)}.dark-mode .social-link:hover{background:#fff;color:#667eea;box-shadow:0 6px 20px hsla(0,0%,100%,.2)}.toggle-cont{--primary:#54a8fc;--light:#d9d9d9;--dark:#121212;--gray:#414344;position:fixed;top:30px;right:30px;z-index:1000;width:-moz-fit-content;width:fit-content;height:35px;border-radius:9999px}.toggle-cont .toggle-input{display:none}.toggle-cont .toggle-label{--gap:3px;--width:35px;cursor:pointer;position:relative;display:inline-block;padding:.3rem;width:calc((var(--width) + var(--gap))*2);height:100%;background-color:var(--dark);border:1px solid #777;border-bottom:0;border-radius:9999px;box-sizing:content-box;transition:all .3s ease-in-out}.toggle-label:before{width:calc(100% + 1.5rem);height:calc(100% + 1.5rem);background-color:var(--gray);border:1px solid #777;border-bottom:0;transition:all .3s ease-in-out}.toggle-label:after,.toggle-label:before{content:"";position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:9999px}.toggle-label:after{width:100%;height:100%;background-image:radial-gradient(circle at 50% -100%,#3a9bfc 0,#0c0c0c 80%)}.toggle-cont .toggle-label .cont-icon{position:relative;display:flex;justify-content:center;align-items:center;width:var(--width);height:35px;background-image:radial-gradient(circle at 50% 0,#666 0,var(--gray) 100%);border:1px solid #aaa;border-bottom:0;border-radius:9999px;box-shadow:inset 0 -.15rem .15rem var(--primary),inset 0 0 .5rem .75rem var(--second);transition:transform .3s ease-in-out}.cont-icon{overflow:clip;position:relative}.cont-icon .sparkle{position:absolute;top:50%;left:50%;display:block;width:calc(var(--width)*1px);aspect-ratio:1;background-color:var(--light);border-radius:50%;transform-origin:50% 50%;rotate:calc(1deg*var(--deg));transform:translate(-50%,-50%);animation:sparkle calc(100s/var(--duration)) linear calc(0s/var(--duration)) infinite}.cont-icon .icon{width:1.1rem;fill:var(--light)}.toggle-cont:has(.toggle-input:checked){--checked:true}@container style(--checked: true){.toggle-cont .toggle-label{background-color:#41434400;border:1px solid #3d6970;border-bottom:0}.toggle-cont .toggle-label:before{box-shadow:0 1rem 2.5rem -2rem #0080ff}.toggle-cont .toggle-label .cont-icon{overflow:visible;background-image:radial-gradient(circle at 50% 0,#045ab1 0,var(--primary) 100%);border:1px solid var(--primary);border-bottom:0;transform:translateX(calc(var(--gap)*2 + 100%)) rotate(-225deg)}.toggle-cont .toggle-label .cont-icon .sparkle{z-index:-10;width:calc(var(--width)*1.5px);background-color:#acacac;animation:sparkle calc(100s/var(--duration)) linear calc(10s/var(--duration)) infinite}@keyframes sparkle{to{width:calc(var(--width)*1px);transform:translate(5000%,-50%)}}}.toggle-cont .toggle-input:checked+.toggle-label{background-color:#41434400;border:1px solid #3d6970;border-bottom:0}.toggle-cont .toggle-input:checked+.toggle-label:before{box-shadow:0 1rem 2.5rem -2rem #0080ff}.toggle-cont .toggle-input:checked+.toggle-label .cont-icon{overflow:visible;background-image:radial-gradient(circle at 50% 0,#045ab1 0,var(--primary) 100%);border:1px solid var(--primary);border-bottom:0;transform:translateX(calc(var(--gap)*2 + 100%)) rotate(-225deg)}.toggle-cont .toggle-input:checked+.toggle-label .cont-icon .sparkle{z-index:-10;width:calc(var(--width)*1.5px);background-color:#acacac;animation:sparkle calc(100s/var(--duration)) linear calc(10s/var(--duration)) infinite}.hamburger-menu{top:30px;left:30px;width:50px;height:50px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;z-index:1001;box-shadow:0 4px 15px var(--shadow-medium);transition:all .3s ease}@media screen and (max-width:1200px){.hamburger-menu{display:flex}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media screen and (min-width:1201px){.sidebar-overlay{display:none}}.hamburger-menu:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--shadow-medium);background:var(--bg-tertiary)}.hamburger-menu span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transform-origin:center}.dark-mode .hamburger-menu{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,.4)}.dark-mode .hamburger-menu:hover{background:var(--bg-tertiary);box-shadow:0 6px 20px rgba(0,0,0,.6);border-color:#667eea}.dark-mode .hamburger-menu span{background:var(--text-primary)}.hamburger-menu.active .line-top{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .line-center{opacity:0;transform:scaleX(0)}.hamburger-menu.active .line-bottom{transform:rotate(-45deg) translate(6px,-6px)}.dark-mode #preloader{background-color:var(--bg-primary)}.dark-mode .loader3 span{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);box-shadow:0 0 20px rgba(102,126,234,.5)}.dark-mode .content-wrapper{background-color:var(--bg-primary)}.dark-mode .gradient-text{text-shadow:0 0 30px hsla(0,0%,100%,.3)}.tech-timeline-container[data-v-e0a57ce2]{padding:3rem 0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:20px;margin:2rem 0;position:relative;overflow:hidden}.tech-timeline-container[data-v-e0a57ce2]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.03) 0,transparent 70%);animation:rotate-e0a57ce2 30s linear infinite}@keyframes rotate-e0a57ce2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timeline-header[data-v-e0a57ce2]{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.timeline-title[data-v-e0a57ce2]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-subtitle[data-v-e0a57ce2]{font-size:1.1rem;color:var(--text-secondary);margin:0}.timeline-wrapper[data-v-e0a57ce2]{position:relative;max-width:1000px;margin:0 auto;padding:0 2rem}.timeline-line[data-v-e0a57ce2]{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb,#f5576c);transform:translateX(-50%);border-radius:2px;box-shadow:0 0 10px rgba(102,126,234,.3)}.timeline-item[data-v-e0a57ce2]{position:relative;margin-bottom:4rem;display:flex;align-items:center;opacity:0;transform:translateY(30px);transition:all .6s ease}.timeline-item.animate-in[data-v-e0a57ce2]{opacity:1;transform:translateY(0)}.timeline-item-right[data-v-e0a57ce2]{flex-direction:row-reverse}.timeline-node[data-v-e0a57ce2]{position:absolute;left:50%;transform:translateX(-50%);z-index:2}.node-icon[data-v-e0a57ce2]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;z-index:3;border:4px solid var(--bg-primary)}.code-symbol[data-v-e0a57ce2]{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.node-pulse[data-v-e0a57ce2]{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid;border-radius:50%;animation:pulse-e0a57ce2 2s infinite;opacity:.6}@keyframes pulse-e0a57ce2{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:.6}}.timeline-content[data-v-e0a57ce2]{width:calc(50% - 40px);padding:0 2rem}.timeline-item-right .timeline-content[data-v-e0a57ce2]{text-align:right}.timeline-card[data-v-e0a57ce2]{background:var(--bg-secondary);border-radius:15px;padding:2rem;box-shadow:0 8px 25px rgba(0,0,0,.1);border-left:4px solid;transition:all .3s ease;position:relative;overflow:hidden}.timeline-item-right .timeline-card[data-v-e0a57ce2]{border-left:none;border-right:4px solid}.timeline-card[data-v-e0a57ce2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .6s ease}.timeline-card[data-v-e0a57ce2]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.timeline-card[data-v-e0a57ce2]:hover:before{left:100%}.card-header[data-v-e0a57ce2]{margin-bottom:1.5rem}.timeline-year[data-v-e0a57ce2]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-tech[data-v-e0a57ce2]{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:.5rem 0 0 0}.timeline-description[data-v-e0a57ce2]{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.tech-tags[data-v-e0a57ce2]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.timeline-item-right .tech-tags[data-v-e0a57ce2]{justify-content:flex-end}.tech-tag[data-v-e0a57ce2]{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid;transition:all .3s ease}.tech-tag[data-v-e0a57ce2]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.1)}.projects-section[data-v-e0a57ce2]{border-top:1px solid var(--border-color);padding-top:1rem}.projects-title[data-v-e0a57ce2]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.8rem}.projects-list[data-v-e0a57ce2]{list-style:none;padding:0;margin:0}.projects-list li[data-v-e0a57ce2]{color:var(--text-secondary);font-size:.9rem;margin-bottom:.3rem;position:relative;padding-left:1rem}.projects-list li[data-v-e0a57ce2]:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.timeline-item-right .projects-list li[data-v-e0a57ce2]{padding-left:0;padding-right:1rem;text-align:right}.timeline-item-right .projects-list li[data-v-e0a57ce2]:before{right:0;left:auto;content:"◂"}@media (max-width:768px){.timeline-wrapper[data-v-e0a57ce2]{padding:0 1rem}.timeline-line[data-v-e0a57ce2]{left:30px}.timeline-item-right[data-v-e0a57ce2],.timeline-item[data-v-e0a57ce2]{flex-direction:row;margin-left:60px}.timeline-node[data-v-e0a57ce2]{left:30px;transform:translateX(-50%)}.timeline-content[data-v-e0a57ce2]{width:100%;padding:0 0 0 2rem}.timeline-item-right .timeline-content[data-v-e0a57ce2]{text-align:left;padding:0 0 0 2rem}.timeline-card[data-v-e0a57ce2]{padding:1.5rem}.timeline-item-right .timeline-card[data-v-e0a57ce2]{border-left:4px solid;border-right:none}.timeline-item-right .tech-tags[data-v-e0a57ce2]{justify-content:flex-start}.timeline-item-right .projects-list li[data-v-e0a57ce2]{text-align:left;padding-left:1rem;padding-right:0}.timeline-item-right .projects-list li[data-v-e0a57ce2]:before{left:0;right:auto;content:"▸"}.timeline-title[data-v-e0a57ce2]{font-size:2rem}.node-icon[data-v-e0a57ce2]{width:50px;height:50px}.code-symbol[data-v-e0a57ce2]{font-size:1.2rem}}@media (max-width:576px){.timeline-title[data-v-e0a57ce2]{font-size:1.8rem}.timeline-card[data-v-e0a57ce2]{padding:1rem}.timeline-tech[data-v-e0a57ce2]{font-size:1.2rem}}.dark-mode .timeline-card[data-v-e0a57ce2]{background:var(--bg-secondary);box-shadow:0 8px 25px rgba(0,0,0,.3)}.dark-mode .timeline-card[data-v-e0a57ce2]:hover{box-shadow:0 15px 35px rgba(0,0,0,.4)}.dark-mode .node-icon[data-v-e0a57ce2]{border-color:var(--bg-primary)}.travel-showcase-container[data-v-101ffc88]{padding:3rem 0;background:linear-gradient(135deg,rgba(240,147,251,.05),rgba(245,87,108,.05));border-radius:20px;margin:2rem 0}.showcase-header[data-v-101ffc88]{text-align:center;margin-bottom:3rem}.showcase-title[data-v-101ffc88]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-subtitle[data-v-101ffc88]{font-size:1.1rem;color:var(--text-secondary);margin:0}.device-container[data-v-101ffc88]{max-width:800px;margin:0 auto;padding:0 2rem}.device-switcher[data-v-101ffc88]{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.device-btn[data-v-101ffc88]{padding:.8rem 1.5rem;border:2px solid #f093fb;background:transparent;color:var(--text-primary);border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.device-btn[data-v-101ffc88]:hover{background:#f093fb;color:#fff;transform:translateY(-2px)}.device-btn.active[data-v-101ffc88]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 15px rgba(240,147,251,.3)}.tv-simulator[data-v-101ffc88]{display:flex;justify-content:center;align-items:center;margin:2rem 0}.tv-frame[data-v-101ffc88]{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:20px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.1);position:relative}.tv-screen[data-v-101ffc88]{width:500px;height:300px;background:#000;border-radius:10px;overflow:hidden;position:relative;border:8px solid #333;box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.screen-content[data-v-101ffc88]{width:100%;height:100%;position:relative}.travel-photo[data-v-101ffc88]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:contrast(1.1) brightness(.9)}.scan-lines[data-v-101ffc88]{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px);pointer-events:none;animation:scanlines-101ffc88 .1s linear infinite}@keyframes scanlines-101ffc88{0%{transform:translateY(0)}to{transform:translateY(4px)}}.location-overlay[data-v-101ffc88]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:2rem 1.5rem 1rem;transform:translateY(100%);transition:transform .3s ease}.tv-screen:hover .location-overlay[data-v-101ffc88]{transform:translateY(0)}.location-name[data-v-101ffc88]{font-size:1.3rem;font-weight:700;margin:0 0 .5rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.location-date[data-v-101ffc88]{font-size:.9rem;opacity:.8;margin:0 0 .5rem 0}.location-desc[data-v-101ffc88]{font-size:.9rem;line-height:1.4;margin:0;opacity:.9}.tv-controls[data-v-101ffc88]{margin-top:1.5rem;display:flex;justify-content:center}.control-panel[data-v-101ffc88]{display:flex;align-items:center;gap:2rem;background:#1a1a1a;padding:1rem 2rem;border-radius:10px;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.control-knob[data-v-101ffc88]{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#666,#333);border:2px solid #555;position:relative;cursor:pointer;transition:transform .2s ease}.control-knob[data-v-101ffc88]:hover{transform:scale(1.1)}.control-knob[data-v-101ffc88]:after{content:"";position:absolute;top:5px;left:50%;width:3px;height:15px;background:#999;transform:translateX(-50%);border-radius:2px}.control-buttons[data-v-101ffc88]{display:flex;gap:1rem;align-items:center}.control-btn[data-v-101ffc88]{width:35px;height:35px;border-radius:50%;background:#333;border:2px solid #555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#999;font-size:.8rem;font-weight:700}.control-btn[data-v-101ffc88]:hover{background:#444;border-color:#666;transform:scale(1.1)}.power-btn[data-v-101ffc88]{background:#d32f2f;border-color:#b71c1c}.power-btn[data-v-101ffc88]:hover{background:#f44336}.tv-stand[data-v-101ffc88]{width:200px;height:20px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);margin:1rem auto 0;border-radius:10px;position:relative}.tv-stand[data-v-101ffc88]:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:10px;background:#1a1a1a;border-radius:5px}.phone-simulator[data-v-101ffc88]{display:flex;justify-content:center;align-items:center;margin:2rem 0}.phone-frame[data-v-101ffc88]{width:300px;height:600px;background:linear-gradient(145deg,#1a1a1a,#2c2c2c);border-radius:30px;padding:1rem;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.1);position:relative}.phone-notch[data-v-101ffc88]{width:120px;height:25px;background:#000;border-radius:0 0 15px 15px;margin:0 auto .5rem;position:relative}.phone-screen[data-v-101ffc88]{width:100%;height:calc(100% - 40px);background:#000;border-radius:20px;overflow:hidden;position:relative}.status-bar[data-v-101ffc88]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:rgba(0,0,0,.9);color:#fff;font-size:.8rem}.status-icons[data-v-101ffc88]{display:flex;gap:.5rem}.photo-viewer[data-v-101ffc88]{height:calc(100% - 40px);position:relative;display:flex;flex-direction:column}.phone-photo[data-v-101ffc88]{flex:1;width:100%;-o-object-fit:cover;object-fit:cover}.photo-info[data-v-101ffc88]{position:absolute;bottom:60px;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:2rem 1rem 1rem}.photo-location[data-v-101ffc88]{font-size:1.1rem;font-weight:600;margin:0 0 .3rem 0}.photo-date[data-v-101ffc88]{font-size:.9rem;opacity:.8;margin:0}.photo-controls[data-v-101ffc88]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(0,0,0,.9)}.photo-btn[data-v-101ffc88]{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.photo-btn[data-v-101ffc88]:hover{background:hsla(0,0%,100%,.2)}.photo-counter[data-v-101ffc88]{color:#fff;font-size:.9rem}.home-indicator[data-v-101ffc88]{width:120px;height:4px;background:#666;border-radius:2px;margin:.5rem auto 0}.thumbnail-nav[data-v-101ffc88]{margin-top:2rem}.thumbnail-container[data-v-101ffc88]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:600px;margin:0 auto}.thumbnail[data-v-101ffc88]{width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease;border:3px solid transparent}.thumbnail[data-v-101ffc88]:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.2)}.thumbnail.active[data-v-101ffc88]{border-color:#f093fb;box-shadow:0 0 15px rgba(240,147,251,.5)}.thumbnail img[data-v-101ffc88]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-overlay[data-v-101ffc88]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:.5rem .3rem .2rem;transform:translateY(100%);transition:transform .3s ease}.thumbnail:hover .thumbnail-overlay[data-v-101ffc88]{transform:translateY(0)}.thumbnail-location[data-v-101ffc88]{font-size:.7rem;font-weight:500;text-align:center;display:block}@media (max-width:768px){.device-container[data-v-101ffc88]{padding:0 1rem}.tv-screen[data-v-101ffc88]{width:350px;height:210px}.phone-frame[data-v-101ffc88]{width:250px;height:500px}.control-panel[data-v-101ffc88]{gap:1rem;padding:.8rem 1.5rem}.control-knob[data-v-101ffc88]{width:30px;height:30px}.control-btn[data-v-101ffc88]{width:30px;height:30px;font-size:.7rem}.thumbnail[data-v-101ffc88]{width:60px;height:45px}.thumbnail-container[data-v-101ffc88]{gap:.5rem}}@media (max-width:576px){.tv-screen[data-v-101ffc88]{width:280px;height:168px}.phone-frame[data-v-101ffc88]{width:220px;height:440px}.device-switcher[data-v-101ffc88]{flex-direction:column;align-items:center}.device-btn[data-v-101ffc88]{width:200px}.showcase-title[data-v-101ffc88]{font-size:2rem}}.dark-mode .device-btn[data-v-101ffc88]{border-color:#f093fb;color:var(--text-primary)}.dark-mode .device-btn[data-v-101ffc88]:hover{background:#f093fb;color:#fff}.personal-dashboard-container[data-v-67cfcf33]{padding:3rem 0;background:linear-gradient(135deg,rgba(67,233,123,.05),rgba(56,249,215,.05));border-radius:20px;margin:2rem 0}.dashboard-header[data-v-67cfcf33]{text-align:center;margin-bottom:3rem}.dashboard-title[data-v-67cfcf33]{font-size:2.5rem;font-weight:700;color:var(--text-primary,#333);margin-bottom:.5rem;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle[data-v-67cfcf33]{font-size:1.1rem;color:var(--text-secondary,#666);margin:0}.dashboard-grid[data-v-67cfcf33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.activity-card[data-v-67cfcf33],.progress-card[data-v-67cfcf33],.stats-card[data-v-67cfcf33],.status-card[data-v-67cfcf33]{background:var(--bg-secondary,#fff);border-radius:15px;padding:2rem;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid var(--border-color,#e0e0e0);transition:all .3s ease}.activity-card[data-v-67cfcf33]:hover,.progress-card[data-v-67cfcf33]:hover,.stats-card[data-v-67cfcf33]:hover,.status-card[data-v-67cfcf33]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.card-header[data-v-67cfcf33]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title[data-v-67cfcf33]{font-size:1.2rem;font-weight:600;color:var(--text-primary,#333);margin:0}.card-icon[data-v-67cfcf33]{font-size:1.5rem}.status-indicator[data-v-67cfcf33]{display:flex;align-items:center;gap:.5rem}.status-dot[data-v-67cfcf33]{width:12px;height:12px;border-radius:50%;animation:pulse-67cfcf33 2s infinite}.status-dot.online[data-v-67cfcf33]{background:#43e97b}@keyframes pulse-67cfcf33{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-67cfcf33]{font-weight:600;color:#43e97b}.status-title[data-v-67cfcf33]{font-size:1.1rem;font-weight:600;color:var(--text-primary,#333);margin:0 0 .5rem 0}.status-desc[data-v-67cfcf33]{color:var(--text-secondary,#666);margin:0 0 1rem 0}.status-time[data-v-67cfcf33]{font-size:.9rem;color:var(--text-secondary,#666)}.stats-grid[data-v-67cfcf33]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item[data-v-67cfcf33]{text-align:center}.stat-number[data-v-67cfcf33]{font-size:2rem;font-weight:700;color:#43e97b;margin-bottom:.3rem}.stat-label[data-v-67cfcf33]{font-size:.9rem;color:var(--text-secondary,#666)}.activity-list[data-v-67cfcf33]{display:flex;flex-direction:column;gap:1rem}.activity-item[data-v-67cfcf33]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary,#f8f9fa);border-radius:10px;transition:all .3s ease}.activity-item[data-v-67cfcf33]:hover{transform:translateX(5px)}.activity-icon[data-v-67cfcf33]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.activity-content[data-v-67cfcf33]{flex:1}.activity-title[data-v-67cfcf33]{font-weight:600;color:var(--text-primary,#333);margin-bottom:.2rem}.activity-time[data-v-67cfcf33]{font-size:.8rem;color:var(--text-secondary,#666)}.activity-status[data-v-67cfcf33]{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.activity-status.completed[data-v-67cfcf33]{background:rgba(67,233,123,.2);color:#43e97b}.activity-status.in-progress[data-v-67cfcf33]{background:rgba(255,193,7,.2);color:#ffc107}.progress-list[data-v-67cfcf33]{display:flex;flex-direction:column;gap:1rem}.progress-item[data-v-67cfcf33]{display:flex;flex-direction:column;gap:.5rem}.progress-info[data-v-67cfcf33]{display:flex;justify-content:space-between;align-items:center}.progress-name[data-v-67cfcf33]{font-weight:600;color:var(--text-primary,#333)}.progress-percent[data-v-67cfcf33]{font-size:.9rem;color:var(--text-secondary,#666)}.progress-bar[data-v-67cfcf33]{height:8px;background:var(--bg-tertiary,#f0f0f0);border-radius:4px;overflow:hidden}.progress-fill[data-v-67cfcf33]{height:100%;border-radius:4px;transition:width 1s ease}@media (max-width:768px){.dashboard-grid[data-v-67cfcf33]{grid-template-columns:1fr;padding:0 1rem}.stats-grid[data-v-67cfcf33]{grid-template-columns:1fr}.activity-item[data-v-67cfcf33]{flex-direction:column;text-align:center}}.music-sports-container[data-v-0f8a4b27]{display:flex;flex-direction:column;gap:4rem;padding:2rem 0}.music-section[data-v-0f8a4b27],.sports-section[data-v-0f8a4b27]{background:var(--bg-secondary);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid var(--border-color);position:relative;overflow:hidden}.music-section[data-v-0f8a4b27]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(240,147,251,.03) 0,transparent 70%);animation:rotate-0f8a4b27 25s linear infinite}.sports-section[data-v-0f8a4b27]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(67,233,123,.03) 0,transparent 70%);animation:rotate-0f8a4b27 30s linear infinite}@keyframes rotate-0f8a4b27{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.section-header[data-v-0f8a4b27]{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.section-title[data-v-0f8a4b27]{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle[data-v-0f8a4b27]{font-size:1.1rem;color:var(--text-secondary);margin:0}.music-content[data-v-0f8a4b27]{position:relative;z-index:1}.music-player[data-v-0f8a4b27]{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:20px;padding:2rem;margin-bottom:3rem;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.3)}.player-header[data-v-0f8a4b27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.now-playing[data-v-0f8a4b27]{display:flex;align-items:center;gap:.5rem}.playing-indicator[data-v-0f8a4b27]{color:#f093fb;animation:pulse-0f8a4b27 1.5s infinite}@keyframes pulse-0f8a4b27{0%,to{opacity:1}50%{opacity:.5}}.playing-text[data-v-0f8a4b27]{font-size:.9rem;opacity:.8}.player-controls[data-v-0f8a4b27]{display:flex;gap:1rem}.control-btn[data-v-0f8a4b27]{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.control-btn[data-v-0f8a4b27]:hover{color:#fff;background:hsla(0,0%,100%,.1)}.control-btn.active[data-v-0f8a4b27]{color:#f093fb;background:rgba(240,147,251,.2)}.album-display[data-v-0f8a4b27]{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}.album-cover[data-v-0f8a4b27]{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 8px 25px rgba(0,0,0,.4);transition:transform .3s ease}.album-cover.spinning[data-v-0f8a4b27]{animation:spin-0f8a4b27 10s linear infinite}@keyframes spin-0f8a4b27{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.album-cover img[data-v-0f8a4b27]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vinyl-center[data-v-0f8a4b27]{position:absolute;top:50%;left:50%;width:20px;height:20px;background:#333;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #666}.song-info[data-v-0f8a4b27]{flex:1}.song-title[data-v-0f8a4b27]{font-size:1.5rem;font-weight:700;margin:0 0 .5rem 0;color:#fff}.song-artist[data-v-0f8a4b27]{font-size:1.1rem;color:#f093fb;margin:0 0 .3rem 0}.song-album[data-v-0f8a4b27]{font-size:.9rem;color:hsla(0,0%,100%,.7);margin:0}.progress-section[data-v-0f8a4b27]{margin-bottom:1.5rem}.time-display[data-v-0f8a4b27]{display:flex;justify-content:space-between;font-size:.8rem;color:hsla(0,0%,100%,.7);margin-bottom:.5rem}.progress-bar[data-v-0f8a4b27]{height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;cursor:pointer;position:relative}.progress-fill[data-v-0f8a4b27]{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:3px;transition:width .3s ease}.progress-thumb[data-v-0f8a4b27]{position:absolute;top:-4px;width:14px;height:14px;background:#fff;border-radius:50%;transform:translateX(-50%);box-shadow:0 2px 6px rgba(0,0,0,.3);transition:left .3s ease}.player-controls-main[data-v-0f8a4b27]{display:flex;justify-content:center;align-items:center;gap:2rem}.play-pause-btn[data-v-0f8a4b27]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(240,147,251,.4)}.play-pause-btn[data-v-0f8a4b27]:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(240,147,251,.6)}.albums-grid[data-v-0f8a4b27]{position:relative;z-index:1}.grid-title[data-v-0f8a4b27]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.albums-container[data-v-0f8a4b27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.album-card[data-v-0f8a4b27]{background:var(--bg-tertiary);border-radius:15px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.album-card[data-v-0f8a4b27]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15);border-color:#f093fb}.album-card.active[data-v-0f8a4b27]{border-color:#f093fb;background:linear-gradient(135deg,rgba(240,147,251,.1),rgba(245,87,108,.1))}.album-cover-small[data-v-0f8a4b27]{width:80px;height:80px;border-radius:10px;overflow:hidden;margin:0 auto 1rem;position:relative}.album-cover-small img[data-v-0f8a4b27]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-overlay[data-v-0f8a4b27]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.album-card:hover .play-overlay[data-v-0f8a4b27]{opacity:1}.play-icon[data-v-0f8a4b27]{color:#fff;font-size:1.5rem}.album-info[data-v-0f8a4b27]{text-align:center}.album-name[data-v-0f8a4b27]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .3rem 0}.album-artist[data-v-0f8a4b27]{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem 0}.album-genre[data-v-0f8a4b27]{font-size:.8rem;color:#f093fb;background:rgba(240,147,251,.1);padding:.2rem .6rem;border-radius:10px;display:inline-block}.sports-content[data-v-0f8a4b27]{position:relative;z-index:1}.sports-dashboard[data-v-0f8a4b27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.dashboard-card[data-v-0f8a4b27]{background:var(--bg-tertiary);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;border:1px solid var(--border-color);position:relative;overflow:hidden}.dashboard-card[data-v-0f8a4b27]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(67,233,123,.1),transparent);transition:left .5s ease}.dashboard-card[data-v-0f8a4b27]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.dashboard-card[data-v-0f8a4b27]:hover:before{left:100%}.card-icon[data-v-0f8a4b27]{font-size:2.5rem;margin-bottom:1rem;display:block}.card-content[data-v-0f8a4b27]{position:relative;z-index:1}.stat-number[data-v-0f8a4b27]{font-size:2.5rem;font-weight:700;color:#43e97b;margin-bottom:.5rem;display:block}.stat-label[data-v-0f8a4b27]{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;display:block}.stat-trend[data-v-0f8a4b27]{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.trend-icon[data-v-0f8a4b27]{font-size:1rem}.achievements-section[data-v-0f8a4b27]{margin-bottom:3rem}.achievements-title[data-v-0f8a4b27]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.achievements-grid[data-v-0f8a4b27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.achievement-badge[data-v-0f8a4b27]{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);border-radius:15px;padding:1.5rem;transition:all .3s ease;opacity:.5;border:2px solid var(--border-color)}.achievement-badge.unlocked[data-v-0f8a4b27]{opacity:1;border-color:#43e97b;background:linear-gradient(135deg,rgba(67,233,123,.1),rgba(56,249,215,.1))}.achievement-badge[data-v-0f8a4b27]:hover{transform:translateX(5px)}.badge-icon[data-v-0f8a4b27]{font-size:2rem;width:60px;height:60px;border-radius:50%;background:#43e97b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-badge:not(.unlocked) .badge-icon[data-v-0f8a4b27]{background:#666;filter:grayscale(100%)}.badge-info[data-v-0f8a4b27]{flex:1}.badge-title[data-v-0f8a4b27]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .3rem 0}.badge-desc[data-v-0f8a4b27]{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem 0;line-height:1.4}.badge-date[data-v-0f8a4b27]{font-size:.8rem;color:#43e97b;font-weight:500}.running-routes[data-v-0f8a4b27]{margin-bottom:2rem}.routes-title[data-v-0f8a4b27]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.routes-container[data-v-0f8a4b27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.route-card[data-v-0f8a4b27]{background:var(--bg-tertiary);border-radius:15px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.route-card[data-v-0f8a4b27]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.route-map[data-v-0f8a4b27]{height:150px;background:linear-gradient(135deg,#43e97b,#38f9d7);position:relative;display:flex;align-items:center;justify-content:center}.map-placeholder[data-v-0f8a4b27]{text-align:center;color:#fff;position:relative}.map-icon[data-v-0f8a4b27]{font-size:3rem;display:block;margin-bottom:.5rem}.route-path[data-v-0f8a4b27]{position:absolute;top:20%;left:10%;right:10%;height:3px;background:hsla(0,0%,100%,.8);border-radius:2px}.route-path[data-v-0f8a4b27]:before{left:0}.route-path[data-v-0f8a4b27]:after,.route-path[data-v-0f8a4b27]:before{content:"";position:absolute;top:-2px;width:7px;height:7px;background:#fff;border-radius:50%}.route-path[data-v-0f8a4b27]:after{right:0}.route-info[data-v-0f8a4b27]{padding:1.5rem}.route-name[data-v-0f8a4b27]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem 0}.route-stats[data-v-0f8a4b27]{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.route-distance[data-v-0f8a4b27],.route-elevation[data-v-0f8a4b27]{font-size:.9rem;color:var(--text-secondary)}.route-difficulty[data-v-0f8a4b27]{padding:.2rem .6rem;border-radius:10px;font-size:.8rem;font-weight:500}.route-difficulty.简单[data-v-0f8a4b27]{background:rgba(76,175,80,.2);color:#4caf50}.route-difficulty.中等[data-v-0f8a4b27]{background:rgba(255,152,0,.2);color:#ff9800}.route-difficulty.困难[data-v-0f8a4b27]{background:rgba(244,67,54,.2);color:#f44336}.route-desc[data-v-0f8a4b27]{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}@media (max-width:768px){.music-sports-container[data-v-0f8a4b27]{gap:3rem;padding:1rem 0}.music-section[data-v-0f8a4b27],.sports-section[data-v-0f8a4b27]{padding:2rem 1rem}.album-display[data-v-0f8a4b27]{flex-direction:column;text-align:center;gap:1rem}.albums-container[data-v-0f8a4b27]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.sports-dashboard[data-v-0f8a4b27]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.achievements-grid[data-v-0f8a4b27],.routes-container[data-v-0f8a4b27]{grid-template-columns:1fr}.route-stats[data-v-0f8a4b27]{justify-content:center}}@media (max-width:576px){.section-title[data-v-0f8a4b27]{font-size:1.8rem}.music-player[data-v-0f8a4b27]{padding:1.5rem}.album-cover[data-v-0f8a4b27]{width:100px;height:100px}.song-title[data-v-0f8a4b27]{font-size:1.2rem}.player-controls-main[data-v-0f8a4b27]{gap:1rem}.play-pause-btn[data-v-0f8a4b27]{width:50px;height:50px;font-size:1.2rem}.albums-container[data-v-0f8a4b27]{grid-template-columns:repeat(2,1fr)}.sports-dashboard[data-v-0f8a4b27]{grid-template-columns:1fr}.achievement-badge[data-v-0f8a4b27]{flex-direction:column;text-align:center;gap:1rem}}.dark-mode .music-section[data-v-0f8a4b27],.dark-mode .sports-section[data-v-0f8a4b27]{background:var(--bg-secondary);box-shadow:0 8px 25px rgba(0,0,0,.3)}.dark-mode .achievement-badge[data-v-0f8a4b27],.dark-mode .album-card[data-v-0f8a4b27],.dark-mode .dashboard-card[data-v-0f8a4b27],.dark-mode .route-card[data-v-0f8a4b27]{background:var(--bg-tertiary)}.dark-mode .music-player[data-v-0f8a4b27]{background:linear-gradient(145deg,#1a1a1a,#2c2c2c)}.page-marg[data-v-ccadc4d0]{padding:2rem 0;min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.page-marg[data-v-ccadc4d0]>*{margin-bottom:2rem}.page-marg[data-v-ccadc4d0]>:last-child{margin-bottom:0}@media (max-width:768px){.page-marg[data-v-ccadc4d0]{padding:1rem 0}.page-marg[data-v-ccadc4d0]>*{margin-bottom:1.5rem}}@media (max-width:576px){.page-marg[data-v-ccadc4d0]{padding:.5rem 0}.page-marg[data-v-ccadc4d0]>*{margin-bottom:1rem}}.dark-mode .page-marg[data-v-ccadc4d0]{background:var(--bg-primary)}.page-marg[data-v-ccadc4d0]{scroll-behavior:smooth}.page-marg[data-v-ccadc4d0]::-webkit-scrollbar{width:8px}.page-marg[data-v-ccadc4d0]::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.page-marg[data-v-ccadc4d0]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.page-marg[data-v-ccadc4d0]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c)}.page-marg[data-v-ccadc4d0]{opacity:0;transform:translateY(30px);transition:all .8s ease-in-out}.page-marg.fade-in[data-v-ccadc4d0]{opacity:1;transform:translateY(0)}[data-aos][data-v-ccadc4d0]{opacity:0;transition-property:opacity,transform;pointer-events:none}[data-aos].aos-animate[data-v-ccadc4d0]{opacity:1;pointer-events:auto}[data-aos=fade-up][data-v-ccadc4d0]{transform:translateY(50px);opacity:0}[data-aos=fade-up].aos-animate[data-v-ccadc4d0]{transform:translateY(0);opacity:1}[data-aos=slide-left][data-v-ccadc4d0]{transform:translateX(-50px);opacity:0}[data-aos=slide-left].aos-animate[data-v-ccadc4d0]{transform:translateX(0);opacity:1}[data-aos=slide-right][data-v-ccadc4d0]{transform:translateX(50px);opacity:0}[data-aos=slide-right].aos-animate[data-v-ccadc4d0]{transform:translateX(0);opacity:1}[data-aos][data-aos-mirror=true][data-v-ccadc4d0]{transition-duration:.8s;transition-timing-function:ease-in-out}[data-aos][data-v-ccadc4d0]:not(.aos-animate){visibility:hidden}[data-aos].aos-animate[data-v-ccadc4d0]{visibility:visible}.page-marg[data-v-ccadc4d0]>:not(:last-child):after{content:"";display:block;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:3rem auto 0}@media (max-width:768px){.page-marg[data-v-ccadc4d0]>:not(:last-child):after{margin:2rem auto 0}}*{padding:0;margin:0;outline:none}:root{--main-color:#08b967;--second-color:#121314;--black-color:#000;--text-color:#8f8f8f;--title-color:#162148;--white-color:#fff;--text-alt:#787878;--body-font:"Arimo",sans-serif;--sec-title-font:25px;--p-font:17px;--m-title:20px;--l-title:25px;--p-font-height:30px;--lp-font-height:27px;--title-font:40px;--font-medium:500;--font-semi-bold:600;--mb-1:.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-tooltip:10;--z-fixed:100}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-color);font-size:var(--p-font);font-weight:400;font-family:var(--body-font);line-height:var(--p-font-height);overflow-X:hidden}img{vertical-align:middle;height:auto}a,a:hover{text-decoration:none}a:hover{color:var(--main-color)}ol,ul{padding:0;list-style:none}button:focus{outline:none}h1,h2,h3,h4,h5,h6,label,li,p,span,ul{margin:0}.ovh{overflow:hidden}table.table{white-space:nowrap}.custom-btn{background:var(--main-color);padding:14px 20px;border-radius:10px;font-size:18px;text-transform:uppercase;color:var(--white-color);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;width:100%}.custom-btn,.custom-btn:hover{border:2px solid var(--main-color)}.custom-btn:hover{background:none;color:var(--main-color)}.btn:focus{outline:0;box-shadow:none}.my-6{margin:40px 0}.body-wrapper{width:100%;margin:0}.side-bar{background:#f7f7f7;padding:40px 0 0 0;border-right:1px solid #ddd;overflow:hidden;position:fixed;transition:.3s;width:200px;height:100vh}.side-bar::-webkit-scrollbar{width:0}.user-img img{width:100%}.user-img{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:auto;border:5px solid var(--main-color)}.user-info{text-align:center}h2.name{font-size:25px;font-weight:700;margin-top:var(--mb-2);color:var(--title-color)}p.user-role{font-size:15px;display:inline-block;position:relative}p.user-role:before{content:"";width:8px;height:8px;display:inline-flex;background:#80db17;margin-right:4px;border-radius:50%}.menu{margin-top:20px}a.menu-link span{font-size:25px}a.menu-link{color:#8f8f8f;display:block;padding:19px 20px;font-size:20px;transition:.3s}a.menu-link span{padding-right:10px}.menu-list.active a.menu-link,a.menu-link:hover{background:var(--white-color);color:var(--title-color)}li.menu-list{border-bottom:1px solid #ddd}ul.menu-ul{border-top:1px solid #ddd}ul.social-ul{padding:12px}a.social-link,ul.social-ul{display:flex;align-items:center;justify-content:center}a.social-link{margin:4px;width:40px;font-size:20px;height:40px;background:var(--main-color);border-radius:50%;color:var(--white-color);box-shadow:0 7px 20px 1px #c3c3c3;transition:.3s}a.social-link:hover{color:var(--main-color);background:var(--white-color)}.hamburger-menu{cursor:pointer;position:fixed;z-index:999;background:var(--main-color);width:60px;height:65px;border-radius:0 0 100px 0;padding:7px;display:none}.hamburger-menu span{background:var(--white-color);width:2.5rem;height:.3rem;display:block;transition:all .3s ease;border-radius:5px;margin:5px 0}.hamburger-menu .line-top.current{transform:translateY(200%) rotate(135deg)}.hamburger-menu .line-center.current{opacity:0}.hamburger-menu .line-bottom.current{transform:translateY(-325%) rotate(-135deg)}.night__mood{position:fixed;top:30%;cursor:pointer;right:0;width:40px;height:40px;line-height:38px;text-align:center;background:#fff;border-radius:30px 0 0 30px;box-shadow:-3px 0 8px 0 rgba(0,0,0,.3);z-index:2}.night__mood img{width:20px;border-radius:50%}#preloader{position:fixed;background:#fff;top:0;left:0;right:0;bottom:0;z-index:99999;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loader3{padding:0;text-align:left}.loader3,.loader3 span{width:5rem;height:5rem;display:inline-block}.loader3 span{position:absolute;border-radius:100%;background:var(--main-color);animation:loader3 1.5s linear infinite}.loader3 span:last-child{animation-delay:-.9s;-webkit-animation-delay:-.9s}@keyframes loader3{0%{transform:scale(0);opacity:.8}to{transform:scale(1);opacity:0}}.content-wrapper{margin-left:200px;padding:50px 50px 0;position:relative}h1.welcome{text-transform:uppercase;font-size:var(--l-title);font-weight:700;margin-bottom:8px;color:var(--title-color)}a.cv-link{display:flex;align-items:center;top:126px;justify-content:center;background:#efefef;position:absolute;right:0}a.cv-link,span.cv-icon{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:6px 0 0 6px}span.cv-icon{background:var(--main-color);padding:13px;font-size:25px;color:var(--white-color)}a.cv-link p{padding:8px 22px;color:var(--title-color);text-transform:uppercase;font-weight:600;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}a.cv-link:hover{background:var(--main-color)}a.cv-link:hover p{color:var(--white-color)}.skill{overflow:hidden;position:relative}.skill>p{font-size:15px;font-weight:700;color:var(--title-color);margin:0;text-transform:uppercase}.skill:before{content:"";position:absolute;background:#e7e7e7;bottom:0;border-radius:5px}.skill-bar,.skill:before{width:100%;height:12px;display:block}.skill-bar{background:var(--main-color);border-radius:10px}.skill-bar span{position:absolute;top:-9px;padding:0;font-size:18px;padding:3px 0;font-weight:500;color:var(--white-color);border-radius:5px;font-size:12px;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.skill-bar{position:relative}.skill-count{right:0}.skill-point{background:#f1f1f1;padding:10px;border-radius:10px}.skill-row{padding:18px;background:var(--white-color);border-radius:10px}.sm-sec-head h3{font-size:var(--m-title);color:var(--title-color);margin-bottom:15px;text-transform:uppercase;font-weight:900}.expert-con{display:flex;align-items:center}.expert-con i{color:var(--main-color)}.expert-con p{padding-left:10px;text-transform:capitalize}.expert-con{padding:5px 0}.service-content{text-align:center;color:var(--title-color);transition:.3s;text-transform:capitalize}.serve-icon{font-size:40px;margin-bottom:15px}.service-card{padding:34px;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;border-radius:8px 0 8px 8px;position:relative;overflow:hidden;cursor:pointer}h4.serve-title{color:var(--main-color);font-size:20px;transition:.3s;font-weight:700}.service-content p{line-height:24px;margin-top:8px;font-size:17px}.service-card:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:var(--main-color);clip-path:circle(10% at 100% 0);z-index:-1;transition:all .3s linear 0s}.service-card:hover:after{clip-path:circle(75% at 50% 50%)}.service-card:hover .service-content,.service-card:hover .service-content h4{color:var(--white-color)}.customer-img{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 1px 10px 0 #46464661;border:5px solid var(--main-color);margin:auto;margin-bottom:5px;display:inline-block}.customer-img img{width:100%;height:100%}.customer-review-slider{text-align:center}.message{margin-top:10px}.customer-name{color:var(--title-color)}.customer-name h4{font-weight:600}.customer-name h4,.message p{text-transform:capitalize}.customer-review{padding-bottom:60px}.customer-review .swiper-pagination span{background:var(--main-color);width:15px;height:15px}.mark-border{width:100px;margin:auto;position:relative;overflow:hidden;height:35px;border-top:5px solid var(--main-color)}.mark-border:after{content:"";width:17px;height:17px;background:var(--main-color);position:absolute;margin:auto;transform:rotate(45deg);margin-top:-10px;margin-left:-6px;border-radius:5px 8px 0 8px}.customer-review-sec{background:#f9f9f9;padding-top:30px;border-radius:15px;overflow:hidden}.footer-sec{text-align:center;font-size:18px;padding:20px;text-transform:capitalize;border-top:1px solid #ddd;margin-top:20px}.page-title{position:absolute;background:#f5f5f5;width:100%;left:0;top:0}h4.page-nav{margin-top:50px;display:inline-block;margin-left:60px;background:var(--white-color);padding:10px 30px;border-radius:5px 5px 0 0;text-transform:uppercase;font-size:25px;color:var(--main-color)}.page-marg{margin-top:20px;min-height:90vh}.contact-area{margin:30px 0}.contact-card{padding:40px 0;border:1px solid #ddd;border-radius:8px;text-align:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer}.contact-card:hover{background:var(--main-color);color:var(--white-color)}.contact-card i{font-size:35px;color:var(--main-color);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.contact-card:hover i{color:var(--white-color)}.form-control{padding:15px}.form-control,.input-group-text{border-radius:10px;color:var(--title-color)}.input-group-text{padding:20px;background:none;font-size:22px}.form-control:focus{outline:none;border-color:var(--main-color);box-shadow:none}.award-item{border:1px solid #ddd;display:flex;align-items:center;padding:40px 0;cursor:pointer}.award-content{padding:0 20px}.date p{writing-mode:vertical-lr;transition:.3s;background:#efeeee;padding:10px 0;color:var(--title-color)}.award-content h4{color:var(--main-color);font-size:20px;margin-bottom:10px;transition:.3s;text-transform:capitalize;font-weight:600}.award-content p{line-height:25px}.award-inner{display:grid;grid-template-columns:50% 50%}.award-item:first-child{border-right:none}.award-item:nth-child(3){border-right:none;border-top:none}.award-item:nth-child(4){border-top:none}.sec-area-top-title{display:flex;align-items:center;font-size:18px;text-transform:uppercase;color:var(--title-color);position:absolute;top:-16px;background:var(--white-color);margin-left:22px;padding:0 15px}.sec-area-top-title p{margin-left:7px;font-weight:600}.sec-area-top-title i{font-size:30px;color:var(--main-color)}.awards{position:relative}.award-item:hover .date p{color:var(--white-color);background:var(--main-color)}.expert-box{border:1px solid #ddd;padding:40px 35px;cursor:pointer;border-top:0}.expert-inner{display:grid;grid-template-columns:33.33% 33.33% 33.33%}.expert-box:nth-child(2),.expert-box:nth-child(5){border-left:0;border-right:0}.education{display:block;padding:40px 25px}.education .date p{writing-mode:initial;padding:5px 10px;display:inline-block;line-height:20px}.education .award-content{padding:0;margin-top:15px}.interest,.interest-icon{display:flex;justify-content:center;align-items:center}.interest-icon{width:70px;height:70px;border-radius:50%;border:2px solid var(--main-color);color:var(--main-color);font-size:25px;margin:auto;transition:.3s}.interest-inner{text-align:center}p.interest-name{text-transform:capitalize;font-size:18px;color:var(--title-color);font-weight:600;margin-top:10px;transition:.3s}.expert-box.education:hover .date p,.expert-box:hover .interest .interest-inner .interest-icon{background:var(--main-color);color:var(--white-color)}.expert-box:hover .interest .interest-inner p{color:var(--main-color)}.expert-box:first-child,.expert-box:nth-child(2),.expert-box:nth-child(3){border-top:1px solid #ddd}.control{padding:0 13px;color:var(--title-color);text-transform:uppercase;font-size:13px;margin:3px 10px;border-radius:5px;background:var(--white-color);border:1px solid #ededed;font-weight:700;transition:.3s}.control.mixitup-control-active,.control:hover{color:var(--white-color);background:var(--main-color)}img.work-img{width:100%}.work-card{border-radius:15px;position:relative;overflow:hidden}.work-info{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;width:100%;cursor:pointer;background:#181818c7;padding:20px;visibility:hidden;opacity:0;transition:.3s;align-items:end}a.work-name{font-size:var(--m-title);color:var(--white-color);font-weight:600;transition:.3s}a.work-name:hover{color:var(--main-color)}p.category-name{color:var(--white-color)}.work-card:hover .work-info{opacity:1;visibility:visible}.work-nav{margin-bottom:30px}.store-ban img{width:100%}.store-ban{border-radius:15px;overflow:hidden;position:relative}.store-info{position:absolute;bottom:0;width:100%;padding:35px;visibility:hidden;opacity:0;transition:.3s}.store-title{font-size:22px;margin-bottom:15px;line-height:30px;display:block}.store-title,a.ico-btn{color:var(--white-color);transition:.3s}a.ico-btn{margin-right:20px}a.ico-btn span{width:35px;height:35px;border:2px solid var(--white-color);border-radius:50%;display:inline-flex;justify-content:center;align-items:center}a.ico-btn:hover{color:var(--main-color)}.store-ban:hover .store-info{opacity:1;visibility:visible;height:auto}.store-ban:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000042;opacity:0;visibility:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.store-ban:hover:before{opacity:1;visibility:visible}.store-img{overflow:hidden;border-radius:50%;transition:.3s}.store-img img{width:100%}.store-lest ul li{display:grid;align-items:center;padding:10px 10px;border:1px solid #ddd;border-radius:10px;transition:.3s;grid-template-columns:25% 75%}a.store-link{padding-left:20px;color:var(--text-color);font-size:var(--m-title);transition:.3s}a.store-link:hover{color:var(--main-color)}.store-lest ul li:hover{background:var(--main-color)}.store-lest ul li:hover a{color:var(--white-color)}.store-lest ul li:hover .store-img{border-radius:15px}.project-details img{width:100%;border-radius:15px}.work-des h4{margin-bottom:10px;font-size:var(--m-title);font-weight:700}.author-details h4,.work-des h4,.work-des p{color:var(--title-color)}.author-details h4{margin-bottom:10px;font-weight:700;font-size:var(--m-title)}ul.info-list li{display:flex;align-items:center;color:var(--title-color)}p.list-name{font-weight:700}p.list-name,ul.info-list li i{color:var(--main-color);margin-right:5px}a.item-link{position:absolute;left:0;right:0;top:0;bottom:0;background:#0e0e0e73;border-radius:15px;opacity:0;visibility:hidden;transition:.3s}.related-item{position:relative}.related-item:hover a.item-link{opacity:1;visibility:visible}ul.info-list{line-height:30px}.story-details img{width:100%;border-radius:15px}.story-content{margin-top:25px}h1.story-title{font-size:30px;text-transform:capitalize;color:var(--title-color);line-height:40px;margin-bottom:20px;font-weight:600}.com-auth{display:flex;margin-bottom:10px;color:var(--title-color)}.com-auth p span{width:40px;height:40px;border:2px solid #ddd;border-radius:50%;justify-content:center;margin-right:7px}.com-auth p,.com-auth p span{display:flex;align-items:center}.com-auth p{margin-right:30px}.story-paragraph{color:var(--title-color)}.multi-img-item,.multi-item{border-radius:10px;overflow:hidden}.drop{margin-top:20px}.drop,.drop span{display:flex;align-items:center}.drop span{width:75px;height:50px;justify-content:center;background:var(--main-color);font-size:30px;color:var(--white-color);margin-right:20px;border-radius:5px}.que{padding:10px;border-left:6px solid var(--main-color);margin-top:20px}.que,.que p.queerer{display:flex;align-items:center}.que p.queerer{width:207px;justify-content:center;font-size:75px;height:100px;line-height:0;font-style:italic}.que p{font-size:23px;line-height:33px;font-style:italic;padding-left:20px}.comment-inner{justify-content:space-between;color:var(--title-color);display:flex}.user-comment{padding-left:20px}a.reply{background:var(--main-color);padding:7px 10px;color:var(--white-color);border-radius:5px;transition:.3s}.name-time p span{color:var(--main-color);font-weight:700}a.reply:hover{background:var(--title-color)}p.comment-mes{margin-bottom:20px}.comment-wrapper{margin-top:30px}.comment-sec h4{color:var(--title-color);font-weight:600;text-transform:uppercase}.comment-sec{margin-top:30px}.comment{padding:20px 0;border-bottom:1px solid #ddd}.commenter-img img{width:100px;height:100px;border-radius:10px}.comment.reply{padding-left:115px}@media screen and (max-width:1200px){.side-bar{transform:translateX(-100%);width:200px;background:#f7f7f7;height:100vh;padding:40px 0 0 0;border-right:1px solid #ddd;overflow-y:auto;position:fixed;transition:transform .3s ease;z-index:1001;box-shadow:2px 0 15px rgba(0,0,0,.3)}.content-wrapper{margin-left:0;width:100%}.side-bar.open{transform:translateX(0)}.hamburger-menu{display:block}}@media screen and (max-width:992px){.education{display:block;padding:40px 25px}}@media screen and (max-width:768px){.content-wrapper{padding:50px 0 0}.welcome-content{text-align:center}a.cv-link{display:inline-flex;background:#efefef;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:6px;position:static}.cv-download{text-align:center;margin-top:20px}.expert-inner{display:grid;grid-template-columns:50% 50%}.expert-box{border:1px solid #ddd;border-top:none}.expert-box:first-child,.expert-box:nth-child(2){border-top:1px solid #ddd}.expert-box:nth-child(2),.expert-box:nth-child(4),.expert-box:nth-child(6){border-left:none}.expert-box:nth-child(2),.expert-box:nth-child(5){border-right:1px solid #ddd}.expert-box:nth-child(5){border-left:1px solid #ddd}.expert-box:nth-child(3){border-top:none}.store-info{padding:10px}.store-title{font-size:17px;line-height:26px}h1.story-title{font-size:20px;line-height:30px}.drop span{display:none}.commenter-img img{width:50px;height:50px}.comment.reply{padding-left:0}}@media screen and (max-width:500px){.award-inner{display:grid;grid-template-columns:100%}.award-item{border:1px solid #ddd;margin-bottom:10px}.expert-box:nth-child(2),.expert-box:nth-child(4),.expert-box:nth-child(6){border-left:1px solid #ddd}.expert-box{border-top:1px solid #ddd;margin-bottom:10px}.award-item:first-child,.award-item:nth-child(3){border-right:1px solid #ddd}.award-item:nth-child(3),.award-item:nth-child(4){border-top:1px solid #ddd}.expert-inner{display:grid;grid-template-columns:100%}.expert-box:nth-child(3){border-top:1px solid #ddd}.work-nav{margin-bottom:30px;text-align:center}a.store-link{font-size:var(--sm-font)}h4.page-nav{padding:6px 20px;font-size:20px}}