:root{--primary-color: #007bff;--hover-bg-color: rgba(0, 0, 0, .05);--sidebar-bg-color: #ebebeb;--text-color: #333;--button-bg-color: #171717;--button-hover-color: #0c66ed;--border-radius: .6rem;--box-shadow: rgba(0, 0, 0, .2);--bar-gradient: linear-gradient(90deg, transparent, var(--primary-color))}.dark-mode{--primary-color: #ff0a0a;--hover-bg-color: rgba(255, 255, 255, .1);--sidebar-bg-color: #121212;--text-color: #e0e0e0;--button-bg-color: #333;--button-hover-color: #ff1e1e;--box-shadow: rgba(255, 255, 255, .1);--bar-gradient: linear-gradient(90deg, transparent, var(--primary-color))}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--sidebar-bg-color);color:var(--text-color);height:100%;overflow:hidden}.flex{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),#4f46e5);border-radius:2px}.main-header{text-align:center;margin-bottom:40px}.degree-title{font-size:1.8rem;color:var(--text-color, #333);font-size:2rem;padding:.5rem;background:linear-gradient(135deg,var(--primary-color),#4f46e5);border-radius:12px;display:flex;align-items:center;justify-content:center}.subtitle{font-size:1.2rem;color:var(--text-color);font-weight:300}.carrousel-wrapper{display:flex;align-items:center;overflow:hidden;width:95%}.carrousel{display:flex;transition:transform .7s ease-in-out;gap:30px;width:80%}.container-references{flex:0 0 calc(100%/3 - 30px);box-shadow:0 8px 16px var(--box-shadow);background-color:var(--sidebar-bg-color);padding:20px;border-radius:var(--border-radius);transition:transform .3s ease;margin:10px 0}.profil-reference{display:flex;align-items:center;gap:15px;margin-bottom:10px}.container-references img{width:60px;height:60px;border-radius:50%}.nav-button{background-color:var(--button-bg-color);color:#fff;border:none;font-size:30px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:50%;width:50px;height:50px;transition:background-color .3s ease}.nav-button:hover{background-color:var(--button-hover-color)}.nav-button:disabled{opacity:0;pointer-events:none}.nav-button.right{right:10px}@media (max-width: 992px){.container-references{flex:0 0 calc(50% - 30px)}}@media (max-width: 600px){.container-references{flex:0 0 100%}.nav-button{font-size:20px;width:40px;height:40px}}.cv-container{text-align:center;margin:30px 0}#pdf-button{position:relative;font-family:inherit;font-size:1vw;border-radius:40em;z-index:1;color:#fff;cursor:pointer;overflow:hidden;border:none;background-color:var(--button-bg-color);padding:1em 2em;border-radius:var(--border-radius);transition:background-color .3s ease}#pdf-button span:not(:nth-child(6)){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:30px;width:30px;background-color:var(--button-hover-color);border-radius:50%;transition:.6s ease,opacity .6s ease}#pdf-button span:nth-child(6){position:relative}#pdf-button span:nth-child(1){transform:translate(-3.3em,-4em)}#pdf-button span:nth-child(2){transform:translate(-6em,1.3em)}#pdf-button span:nth-child(3){transform:translate(-.2em,1.8em)}#pdf-button span:nth-child(4){transform:translate(3.5em,1.4em)}#pdf-button span:nth-child(5){transform:translate(3.5em,-3.8em)}#pdf-button:hover span:not(:nth-child(6)){transform:translate(-50%,-50%) scale(4);opacity:1}.close-details{display:flex;height:3em;width:100px;align-items:center;justify-content:center;background-color:var(--hover-bg-color);border-radius:var(--border-radius);letter-spacing:1px;transition:all .2s linear;cursor:pointer;border:none;background:var(--sidebar-bg-color);color:var(--text-color)}.bottone1{width:100%;padding:16px 33px;border-radius:var(--border-radius);background:var(--primary-color);border:none;font-family:inherit;text-align:center;cursor:pointer;transition:.4s;color:#fff}.bottone1:hover{box-shadow:7px 5px 56px -14px var(--button-hover-color)}.bottone1:active{transform:scale(.97);box-shadow:7px 5px 56px -10px var(--button-hover-color)}.close-details>svg{margin-right:5px;margin-left:5px;font-size:20px;transition:all .4s ease-in}.close-details:hover>svg{font-size:1.2em;transform:translate(-5px)}.close-details:hover{box-shadow:9px 9px 33px var(--box-shadow),-9px -9px 33px var(--hover-bg-color);transform:translateY(-2px)}.couleurIcone .svg-border{stroke:var(--text-color);stroke-width:1}.text-base{font-size:1.1vw}.group-skill{display:flex;align-items:center;justify-content:center;gap:5%}.section-title{font-size:2rem;color:var(--primary-color);font-weight:700}.projet-container{background-color:var(--sidebar-bg-color);padding:20px;border-radius:var(--border-radius);box-shadow:0 4px 6px var(--box-shadow)}.content-custom,.border-primary-color{background-color:var(--hover-bg-color);border-right:4px solid var(--primary-color);border-left:4px solid #0ea5e9;padding:15px;border-radius:8px;color:var(--text-color)}:root{--vue-primary: #4FC08D;--vue-secondary: #42b883;--vue-dark: #2c3e50;--asp-primary: #512BD4;--postgres-primary: #336791;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.skills-section{margin:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--vue-primary),var(--vue-secondary));border-radius:2px}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);position:relative;animation:slideInUp .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.tech-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--category-color),transparent);border-radius:var(--radius) var(--radius) 0 0}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon{font-size:2rem;color:var(--category-color)}.category-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid{display:grid;gap:1.5rem}.skill-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);position:relative}.skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--category-color);border-radius:var(--radius) 0 0 var(--radius);transform:scaleY(0);transition:transform .3s ease}.skill-card:hover:before{transform:scaleY(1)}.skill-visual{flex-shrink:0}.progress-circle{position:relative;width:80px;height:80px}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--border);stroke-width:6}.progress-ring{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info{flex:1}.skill-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.skill-level{width:100%}.level-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.level-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--category-color),rgba(var(--category-color),.6));transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0%}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.tech-stack-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}@media (max-width: 768px){.skill-card{flex-direction:column;text-align:center;gap:1rem}.progress-circle{width:100px;height:100px}.skill-icon{width:50px;height:50px}.section-title{font-size:1.75rem}}@media (max-width: 480px){.tech-category{padding:1.5rem}.skill-card{padding:1rem}.progress-circle{width:80px;height:80px}.skill-icon{width:35px;height:35px}}@media (prefers-reduced-motion: reduce){.tech-category{animation:none;opacity:1;transform:none}.progress-ring,.level-fill{transition:none}}.source-section{margin:4rem 0;padding-bottom:1%}.highlight-card{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--vue-primary)}.github-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border)}.github-info{display:flex;align-items:center;gap:1rem;flex:1}.github-icon{width:3rem;height:3rem;background:var(--text-primary);color:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.github-icon svg{width:1.5rem;height:1.5rem}.github-text h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.github-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.github-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--text-primary);color:var(--background);text-decoration:none;border-radius:var(--radius);font-weight:600;transition:var(--transition);box-shadow:var(--shadow)}.github-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--vue-primary)}.github-button .button-icon{width:1.25rem;height:1.25rem}.github-button .button-icon svg{width:100%;height:100%}.slide-fade-enter-active{transition:all .5s ease-out}.slide-fade-leave-active{transition:all .3s ease-in}.slide-fade-enter-from{transform:translateY(-30px);opacity:0}.slide-fade-leave-to{transform:translateY(-10px);opacity:0}#container-global[data-v-7b43ebf2]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row}.sidebar[data-v-7b43ebf2]{flex:0 0 20%;max-width:300px;height:100%;background-color:var(--sidebar-bg-color);box-shadow:2px 0 5px var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;transition:background-color .3s ease}.main-content[data-v-7b43ebf2]{flex:1;display:flex;padding:20px;background-color:var(--content-bg-color);overflow-y:auto;flex-direction:column}.sidebar .lien[data-v-7b43ebf2]{padding:20px;font-size:1.5vw;text-decoration:none;color:var(--text-color);display:block;position:relative;transition:background-color .3s ease,color .3s ease}.barreVisuel[data-v-7b43ebf2]{position:absolute;bottom:0;left:0;height:4px;width:100%;background:var(--bar-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.sidebar .lien:hover .barreVisuel[data-v-7b43ebf2]{transform:scaleX(1)}.container-buttons[data-v-7b43ebf2]{margin-top:auto;text-align:center;padding:20px}.lang-button[data-v-7b43ebf2]{border:none;background-color:transparent;font-size:1vw;color:var(--text-color);margin:0 10px;cursor:pointer;transition:color .3s ease}.lang-button.active[data-v-7b43ebf2],.lang-button[data-v-7b43ebf2]:hover{color:var(--primary-color);font-weight:700}@media (max-width: 768px){.sidebar[data-v-7b43ebf2]{width:100%;height:auto;position:relative}}[data-v-7b43ebf2]::-webkit-scrollbar{width:10px}[data-v-7b43ebf2]::-webkit-scrollbar-track{background:var(--sidebar-bg-color)}[data-v-7b43ebf2]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}[data-v-7b43ebf2]::-webkit-scrollbar-thumb:hover{background:var(--button-hover-color)}@media (max-width: 768px){.sidebar[data-v-7b43ebf2]{position:fixed;top:0;left:0;width:100%;height:auto;transform:translateY(-100%);transition:transform .3s ease-in-out}.sidebar.open[data-v-7b43ebf2]{transform:translateY(0)}.menu-toggle[data-v-7b43ebf2]{display:block}.menu-content[data-v-7b43ebf2]{display:flex;flex-direction:column;background-color:var(--sidebar-bg-color)}.sidebar .lien[data-v-7b43ebf2]{font-size:1.2rem;padding:15px}.lang-button[data-v-7b43ebf2],#pdf-button[data-v-7b43ebf2]{font-size:1rem}}.switch[data-v-7b43ebf2]{font-size:17px;position:fixed;display:inline-block;width:3.5em;height:2em;left:93%;top:5%}.switch input[data-v-7b43ebf2]{opacity:0;width:0;height:0}.slider[data-v-7b43ebf2]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3330;transition:.4s;border-radius:30px;overflow:hidden;border:1px solid}.circle[data-v-7b43ebf2]{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:20px;left:.3em;bottom:.3em;background-color:#fff000;transition:.4s}.switch input:checked+.slider .circle[data-v-7b43ebf2]{transform:rotate(0) translate(1.5em)!important}.switch input:checked+.slider .circle .shine[data-v-7b43ebf2]{transform:translate(0)!important}.switch input:checked+.slider .circle .moon[data-v-7b43ebf2]{left:-10%;opacity:1;transform:translateY(-60%)}.moon[data-v-7b43ebf2]{position:absolute;left:-100%;top:50%;opacity:0;background-color:#333;width:1.25rem;height:1.25rem;border-radius:99999px;transform:translateY(-50%);transition:all .4s}.shine[data-v-7b43ebf2]{display:block;position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;background-color:#fff000;border-radius:1rem;transition:all .4s}.shine-1[data-v-7b43ebf2]{transform:translate(-50%,-375%)}.shine-2[data-v-7b43ebf2]{transform:translate(175%,-275%)}.shine-3[data-v-7b43ebf2]{transform:translate(275%,-50%)}.shine-4[data-v-7b43ebf2]{transform:translate(175%,175%)}.shine-5[data-v-7b43ebf2]{transform:translate(-50%,275%)}.shine-6[data-v-7b43ebf2]{transform:translate(-275%,175%)}.shine-7[data-v-7b43ebf2]{transform:translate(-375%,-50%)}.shine-8[data-v-7b43ebf2]{transform:translate(-275%,-275%)}.wrapper[data-v-e881bdd8]{display:flex;list-style:none;font-family:Poppins,sans-serif;justify-content:center}.wrapper .icon[data-v-e881bdd8]{position:relative;background:var(--sidebar-bg-color);border-radius:50%;margin:10px;width:60px;height:60px;font-size:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 8px 15px var(--box-shadow);cursor:pointer;transition:all .3s ease-in-out}.wrapper .tooltip[data-v-e881bdd8]{position:absolute;top:0;font-size:14px;background:var(--button-bg-color);color:var(--text-color);padding:6px 10px;border-radius:5px;box-shadow:0 8px 15px #0000001a;opacity:0;pointer-events:none;transition:all .3s ease}.wrapper .tooltip[data-v-e881bdd8]:before{position:absolute;content:"";height:8px;width:8px;background:var(--button-bg-color);bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg)}.wrapper .icon:hover .tooltip[data-v-e881bdd8]{top:-45px;opacity:1;pointer-events:auto}.wrapper .git[data-v-e881bdd8]:hover,.wrapper .git:hover .tooltip[data-v-e881bdd8],.wrapper .git:hover .tooltip[data-v-e881bdd8]:before{background:var(--primary-color);color:var(--sidebar-bg-color)}.wrapper .linkedin[data-v-e881bdd8]:hover,.wrapper .linkedin:hover .tooltip[data-v-e881bdd8],.wrapper .linkedin:hover .tooltip[data-v-e881bdd8]:before{background:var(--button-hover-color);color:var(--sidebar-bg-color)}.container_info_personnel[data-v-e881bdd8]{position:relative;border:1px solid var(--primary-color);padding:30px;background-color:var(--sidebar-bg-color);box-shadow:0 8px 20px var(--box-shadow);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}#container_info_personnel2[data-v-e881bdd8]{position:relative;border:1px solid var(--primary-color);padding:30px;background-color:var(--sidebar-bg-color);box-shadow:0 8px 20px var(--box-shadow);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.personal-info[data-v-e881bdd8]{display:flex;justify-content:center;align-items:center;gap:5%;flex-wrap:wrap}#PhotoDeProfil[data-v-e881bdd8]{height:auto;width:20%}.personal-info p[data-v-e881bdd8],.personal-info h3[data-v-e881bdd8]{margin-top:15px;font-weight:700;color:var(--text-color)}#typing-container[data-v-e881bdd8]{text-align:center;margin-top:20vh}.typing-line[data-v-e881bdd8]{font-size:2em;white-space:nowrap;overflow:hidden;width:fit-content;margin:10px auto;border-right:3px solid var(--primary-color);display:inline-block;animation:blink-caret-e881bdd8 .75s step-end infinite}@keyframes blink-caret-e881bdd8{50%{border-color:transparent}}@media (max-width: 768px){.container_info_personnel[data-v-e881bdd8]{width:90%;padding:20px}.wrapper .icon[data-v-e881bdd8]{width:50px;height:50px}#PhotoDeProfil[data-v-e881bdd8]{width:40%}}.main-content[data-v-1c354a2f]{padding:20px}.education-section[data-v-1c354a2f]{position:relative}.section-title[data-v-1c354a2f]{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title[data-v-1c354a2f]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.timeline-container[data-v-1c354a2f]{position:relative;padding:20px 0}.timeline-line[data-v-1c354a2f]{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);transform:translate(-50%);border-radius:2px}.education-item[data-v-1c354a2f]{position:relative;margin-bottom:60px;display:flex;align-items:center;opacity:0;animation:slideInTimeline-1c354a2f .8s ease-out forwards}.education-item[data-v-1c354a2f]:nth-child(2){animation-delay:.2s}.education-item[data-v-1c354a2f]:nth-child(3){animation-delay:.4s}.education-item[data-v-1c354a2f]:nth-child(odd){justify-content:flex-start}.education-item[data-v-1c354a2f]:nth-child(2n){justify-content:flex-end}.timeline-marker[data-v-1c354a2f]{position:absolute;left:50%;transform:translate(-50%);z-index:2}.marker-dot[data-v-1c354a2f]{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid white;box-shadow:0 4px 12px #00000026;position:relative;transition:all .3s ease}.marker-dot.completed[data-v-1c354a2f]{background:linear-gradient(135deg,#11998e,#38ef7d)}.marker-pulse[data-v-1c354a2f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#667eea4d;animation:pulse-1c354a2f 2s infinite}@keyframes pulse-1c354a2f{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.education-card[data-v-1c354a2f]{background:var(--hover-bg-color, #ffffff);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:45%;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.education-card[data-v-1c354a2f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translate(-100%);transition:transform .6s ease}.education-card[data-v-1c354a2f]:hover:before{transform:translate(0)}.education-card[data-v-1c354a2f]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.card-header[data-v-1c354a2f]{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.institution-logo[data-v-1c354a2f]{width:70px;height:70px;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #00000026;transition:transform .3s ease;flex-shrink:0}.education-card:hover .institution-logo[data-v-1c354a2f]{transform:rotate(-3deg) scale(1.05)}.logo-image[data-v-1c354a2f]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.education-card:hover .logo-image[data-v-1c354a2f]{transform:scale(1.1)}.card-content[data-v-1c354a2f]{flex:1}.degree-title[data-v-1c354a2f]{font-size:1.4rem;font-weight:700;margin:0 0 15px;color:var(--text-color, #333);line-height:1.3}.education-meta[data-v-1c354a2f]{display:flex;flex-direction:column;gap:8px}.meta-item[data-v-1c354a2f]{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.meta-icon[data-v-1c354a2f]{width:16px;height:16px;color:#667eea;flex-shrink:0}.card-body[data-v-1c354a2f]{border-top:1px solid rgba(0,0,0,.1);padding-top:20px}.description[data-v-1c354a2f]{line-height:1.7;color:var(--text-color, #555);margin:0 0 15px;font-size:.95rem}.achievement-badge[data-v-1c354a2f]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement-badge.current[data-v-1c354a2f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;animation:glow-1c354a2f 2s ease-in-out infinite alternate}.achievement-badge.completed[data-v-1c354a2f]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.badge-icon[data-v-1c354a2f]{width:14px;height:14px}@keyframes glow-1c354a2f{0%{box-shadow:0 2px 8px #667eea4d}to{box-shadow:0 4px 16px #667eea99}}@keyframes slideInTimeline-1c354a2f{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.timeline-line[data-v-1c354a2f],.timeline-marker[data-v-1c354a2f]{left:30px}.education-item[data-v-1c354a2f]{justify-content:flex-start!important;padding-left:70px}.education-card[data-v-1c354a2f]{width:100%;max-width:none}.section-title[data-v-1c354a2f]{font-size:2rem}.card-header[data-v-1c354a2f]{flex-direction:column;align-items:center;text-align:center;gap:15px}.institution-logo[data-v-1c354a2f]{width:60px;height:60px}.degree-title[data-v-1c354a2f]{font-size:1.2rem}.education-meta[data-v-1c354a2f]{align-items:center}}@media (max-width: 480px){.main-content[data-v-1c354a2f]{padding:15px}.education-card[data-v-1c354a2f]{padding:20px}.timeline-line[data-v-1c354a2f],.timeline-marker[data-v-1c354a2f]{left:20px}.education-item[data-v-1c354a2f]{padding-left:50px}}@media (prefers-color-scheme: dark){.education-card[data-v-1c354a2f]{background:#ffffff0d;border-color:#ffffff1a}.card-body[data-v-1c354a2f]{border-top-color:#ffffff1a}.marker-dot[data-v-1c354a2f]{border-color:#fff3}}[data-v-ab299735]:root{--primary-color: #3b82f6;--secondary-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-card: #ffffff;--bg-surface: #f9fafb;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}@media (prefers-color-scheme: dark){[data-v-ab299735]:root{--text-primary: #f9fafb;--text-secondary: #d1d5db;--bg-card: #1f2937;--bg-surface: #111827;--border-color: #374151}}@keyframes fadeInUp-ab299735{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft-ab299735{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in[data-v-ab299735]{animation:fadeInUp-ab299735 .6s ease-out forwards}.projects-section[data-v-ab299735]{padding:0 2rem 4rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.projects-section.fade-in[data-v-ab299735]{opacity:1;transform:translateY(0)}.personal-projects[data-v-ab299735]{background-color:var(--bg-surface);margin-top:2rem;padding-top:4rem;min-height:500px}.projet-container[data-v-ab299735]{max-width:1400px;margin:0 auto;background-color:transparent;border-radius:0;box-shadow:none}.section-header[data-v-ab299735]{margin-bottom:3rem;text-align:center}.degree-title[data-v-ab299735]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.badge[data-v-ab299735]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-primary);padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.badge.personal[data-v-ab299735]{background:linear-gradient(135deg,var(--success-color),#059669)}.degree-title.personal[data-v-ab299735]{color:var(--text-primary);font-size:2.5rem}.projects-grid[data-v-ab299735]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.single-project[data-v-ab299735]{display:flex;justify-content:center}.single-project .project-card[data-v-ab299735]{max-width:600px}.project-link[data-v-ab299735]{text-decoration:none;color:inherit;display:block;height:100%}.project-card[data-v-ab299735]{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.project-card[data-v-ab299735]:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.project-card.featured[data-v-ab299735]{border:2px solid var(--primary-color);transform:scale(1.05)}.project-card.featured[data-v-ab299735]:hover{transform:translateY(-8px) scale(1.07)}.project-image[data-v-ab299735]{position:relative;height:250px;overflow:hidden;background:linear-gradient(45deg,#f3f4f6,#e5e7eb)}.project-image img[data-v-ab299735]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img[data-v-ab299735]{transform:scale(1.1)}.project-status[data-v-ab299735]{position:absolute;top:1rem;right:1rem;background:var(--success-color);color:var(--text-primary);padding:.375rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.project-status.personal[data-v-ab299735]{background:var(--warning-color)}.project-content[data-v-ab299735]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-header[data-v-ab299735]{margin-bottom:1rem}.project-title[data-v-ab299735]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.project-tech[data-v-ab299735]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag[data-v-ab299735]{background:var(--bg-surface);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.025em}.tech-tag.laravel[data-v-ab299735]{background:#ff2d20;color:var(--text-primary);border-color:#ff2d20}.tech-tag.php[data-v-ab299735]{background:#777bb4;color:var(--text-primary);border-color:#777bb4}.tech-tag.vue[data-v-ab299735]{background:#4fc08d;color:var(--text-primary);border-color:#4fc08d}.tech-tag.js[data-v-ab299735]{background:#f7df1e;color:#000;border-color:#f7df1e}.tech-tag.docker[data-v-ab299735]{background:#2496ed;color:var(--text-primary);border-color:#2496ed}.tech-tag.security[data-v-ab299735]{background:#dc2626;color:var(--text-primary);border-color:#dc2626}.tech-tag.finance[data-v-ab299735]{background:#059669;color:var(--text-primary);border-color:#059669}.tech-tag.api[data-v-ab299735]{background:#8b5cf6;color:var(--text-primary);border-color:#8b5cf6}.tech-tag.enterprise[data-v-ab299735]{background:#374151;color:var(--text-primary);border-color:#374151}.tech-tag.intranet[data-v-ab299735]{background:#175ac5;color:var(--text-primary);border-color:#374151}.tech-tag.web[data-v-ab299735]{background:#3b82f6;color:var(--text-primary);border-color:#3b82f6}.project-description[data-v-ab299735]{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1}.project-footer[data-v-ab299735]{margin-top:auto}.view-project[data-v-ab299735]{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:.875rem;transition:all .2s ease}.project-card:hover .view-project[data-v-ab299735]{gap:1rem;color:var(--secondary-color)}.arrow-icon[data-v-ab299735]{width:1rem;height:1rem;transition:transform .2s ease}.project-card:hover .arrow-icon[data-v-ab299735]{transform:translate(4px) translateY(-4px)}@media (max-width: 768px){.main-header[data-v-ab299735]{padding:3rem 1rem 2rem}.section-title[data-v-ab299735]{font-size:2.5rem}.degree-title[data-v-ab299735]{font-size:2rem;flex-direction:column;gap:.5rem}.projects-grid[data-v-ab299735]{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.projects-section[data-v-ab299735]{padding:0 1rem 3rem}.project-content[data-v-ab299735]{padding:1.25rem}}@media (max-width: 480px){.section-title[data-v-ab299735]{font-size:2rem}.degree-title[data-v-ab299735]{font-size:1.75rem}.project-image[data-v-ab299735]{height:200px}.projects-grid[data-v-ab299735]{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.project-card[data-v-ab299735],.project-image img[data-v-ab299735],.view-project[data-v-ab299735],.arrow-icon[data-v-ab299735]{transition:none}.fade-in[data-v-ab299735]{animation:none;opacity:1;transform:none}}.project-link[data-v-ab299735]:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:var(--radius-lg)}.main-content[data-v-ee3dbd12]{padding:20px}.experience-section[data-v-ee3dbd12]{position:relative}.section-title[data-v-ee3dbd12]{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title[data-v-ee3dbd12]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.timeline-container[data-v-ee3dbd12]{position:relative;padding:20px 0}.timeline-line[data-v-ee3dbd12]{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#667eea,#764ba2);transform:translate(-50%);border-radius:2px;box-shadow:0 0 10px #667eea4d}.experience-item[data-v-ee3dbd12]{position:relative;margin-bottom:80px;display:flex;align-items:center;opacity:0;animation:slideInTimeline-ee3dbd12 .8s ease-out forwards}.experience-item[data-v-ee3dbd12]:nth-child(2){animation-delay:.2s}.experience-item[data-v-ee3dbd12]:nth-child(3){animation-delay:.4s}.experience-item[data-v-ee3dbd12]:nth-child(4){animation-delay:.6s}.experience-item[data-v-ee3dbd12]:nth-child(odd){justify-content:flex-start}.experience-item[data-v-ee3dbd12]:nth-child(2n){justify-content:flex-end}.timeline-marker[data-v-ee3dbd12]{position:absolute;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}.marker-dot[data-v-ee3dbd12]{width:24px;height:24px;border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #00000026;position:relative;transition:all .3s ease}.marker-dot.current[data-v-ee3dbd12]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66}.marker-dot.completed[data-v-ee3dbd12]{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e4d}.marker-pulse[data-v-ee3dbd12]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#667eea4d;animation:pulse-ee3dbd12 2s infinite}.year-badge[data-v-ee3dbd12]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #667eea4d;white-space:nowrap}.experience-card[data-v-ee3dbd12]{background:var(--hover-bg-color, #ffffff);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:45%;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.experience-card[data-v-ee3dbd12]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translate(-100%);transition:transform .6s ease}.experience-card[data-v-ee3dbd12]:hover:before{transform:translate(0)}.experience-card[data-v-ee3dbd12]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}.card-header[data-v-ee3dbd12]{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px}.company-logo[data-v-ee3dbd12]{width:80px;height:80px;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000026;transition:transform .3s ease;flex-shrink:0;background:#fff;padding:5px}.experience-card:hover .company-logo[data-v-ee3dbd12]{transform:rotate(-2deg) scale(1.05)}.logo-image[data-v-ee3dbd12]{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.card-content[data-v-ee3dbd12]{flex:1;min-width:0}.position-title[data-v-ee3dbd12]{font-size:1.3rem;font-weight:700;margin:0 0 8px;color:var(--text-color, #333);line-height:1.3}.company-name[data-v-ee3dbd12]{font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:15px}.experience-meta[data-v-ee3dbd12]{display:flex;flex-direction:column;gap:8px}.meta-item[data-v-ee3dbd12]{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.meta-icon[data-v-ee3dbd12]{width:16px;height:16px;color:#667eea;flex-shrink:0}.card-body[data-v-ee3dbd12]{border-top:1px solid rgba(0,0,0,.1);padding-top:20px}.mission-section[data-v-ee3dbd12]{margin-bottom:20px}.mission-title[data-v-ee3dbd12]{font-size:1rem;font-weight:600;color:var(--text-color, #333);margin:0 0 10px;display:flex;align-items:center;gap:8px}.mission-title[data-v-ee3dbd12]:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.mission-description[data-v-ee3dbd12]{line-height:1.7;color:var(--text-color, #555);margin:0;font-size:.95rem}.status-badge[data-v-ee3dbd12]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.status-badge.current-work[data-v-ee3dbd12]{background:linear-gradient(135deg,#667eea,#764ba2);animation:currentGlow-ee3dbd12 2s ease-in-out infinite alternate}.status-badge.completed-work[data-v-ee3dbd12]{background:linear-gradient(135deg,#11998e,#38ef7d)}.badge-icon[data-v-ee3dbd12]{width:16px;height:16px}@keyframes pulse-ee3dbd12{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes currentGlow-ee3dbd12{0%{box-shadow:0 4px 12px #667eea4d;transform:scale(1)}to{box-shadow:0 6px 20px #667eea99;transform:scale(1.02)}}@keyframes slideInTimeline-ee3dbd12{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.timeline-line[data-v-ee3dbd12],.timeline-marker[data-v-ee3dbd12]{left:40px}.experience-item[data-v-ee3dbd12]{justify-content:flex-start!important;padding-left:100px}.experience-card[data-v-ee3dbd12]{width:calc(100% - 100px);max-width:none}}@media (max-width: 768px){.timeline-line[data-v-ee3dbd12],.timeline-marker[data-v-ee3dbd12]{left:30px}.experience-item[data-v-ee3dbd12]{padding-left:80px}.experience-card[data-v-ee3dbd12]{width:calc(100% - 80px);padding:25px}.section-title[data-v-ee3dbd12]{font-size:2rem}.card-header[data-v-ee3dbd12]{flex-direction:column;align-items:center;text-align:center;gap:15px}.company-logo[data-v-ee3dbd12]{width:70px;height:70px}.position-title[data-v-ee3dbd12]{font-size:1.2rem}.experience-meta[data-v-ee3dbd12]{align-items:center}}@media (max-width: 480px){.main-content[data-v-ee3dbd12]{padding:15px}.timeline-line[data-v-ee3dbd12],.timeline-marker[data-v-ee3dbd12]{left:20px}.experience-item[data-v-ee3dbd12]{padding-left:60px}.experience-card[data-v-ee3dbd12]{width:calc(100% - 60px);padding:20px}.year-badge[data-v-ee3dbd12]{font-size:.7rem;padding:4px 8px}}@media (prefers-color-scheme: dark){.experience-card[data-v-ee3dbd12]{background:#ffffff0d;border-color:#ffffff1a}.card-body[data-v-ee3dbd12]{border-top-color:#ffffff1a}.marker-dot[data-v-ee3dbd12]{border-color:#fff3}.company-logo[data-v-ee3dbd12]{background:#ffffff1a}}.skills-container[data-v-73e3a002]{background:linear-gradient(135deg,var(--sidebar-bg-color) 0%,rgba(255,255,255,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px var(--box-shadow);opacity:0;transform:translateY(50px);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skills-container[data-v-73e3a002]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .3s ease}.skills-container[data-v-73e3a002]:hover:before{opacity:1}.skills-container.animate-in[data-v-73e3a002]{opacity:1;transform:translateY(0)}.category-header[data-v-73e3a002]{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.skills-grid[data-v-73e3a002]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;justify-items:center}.skill[data-v-73e3a002]{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.skill[data-v-73e3a002]:hover{transform:translateY(-10px)}.progress-circle[data-v-73e3a002]{position:relative;width:120px;height:120px;margin-bottom:1rem;border-radius:50%;background:linear-gradient(135deg,#ffffffe6,#ffffff1a);box-shadow:0 10px 25px var(--box-shadow),inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}.progress-circle.circle-animate[data-v-73e3a002]{opacity:1;transform:scale(1)}.progress-circle[data-v-73e3a002]:hover{transform:scale(1.05);box-shadow:0 20px 40px #0003,0 0 20px var(--primary-color)}.progress-circle svg[data-v-73e3a002]{width:120px;height:120px;transform:rotate(-90deg);position:absolute;top:0;left:0}circle[data-v-73e3a002]{fill:none;stroke-width:4;cx:60;cy:60;r:45}circle[data-v-73e3a002]:first-child{stroke:#0000001a}.dark-mode circle[data-v-73e3a002]:first-child{stroke:#ffffff1a}.progress[data-v-73e3a002]{stroke:var(--primary-color);stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1);stroke-linecap:round;filter:drop-shadow(0 0 4px var(--primary-color))}.progress-circle img[data-v-73e3a002]{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border-radius:8px;transition:transform .3s ease}.progress-circle:hover img[data-v-73e3a002]{transform:translate(-50%,-50%) scale(1.1)}.percentage-text[data-v-73e3a002]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:var(--primary-color);background:#ffffffe6;padding:2px 8px;border-radius:10px;border:1px solid var(--primary-color);z-index:3}.dark-mode .percentage-text[data-v-73e3a002]{background:#000c;color:var(--primary-color)}.skill-name[data-v-73e3a002]{font-size:.9rem;font-weight:600;color:var(--text-color);text-align:center;margin:0;opacity:.8;transition:opacity .3s ease}.skill:hover .skill-name[data-v-73e3a002]{opacity:1}.subcategory[data-v-73e3a002]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.subcategory-title[data-v-73e3a002]{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin-bottom:1.5rem;opacity:.8}@media (max-width: 768px){.section-title[data-v-73e3a002]{font-size:2rem;margin-bottom:2rem}.skills-container[data-v-73e3a002]{padding:1.5rem;border-radius:15px}.skills-grid[data-v-73e3a002]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.progress-circle[data-v-73e3a002]{width:100px;height:100px}.progress-circle svg[data-v-73e3a002]{width:100px;height:100px}.progress-circle img[data-v-73e3a002]{width:40px;height:40px}.category-header[data-v-73e3a002]{flex-direction:column;gap:.5rem}.degree-title[data-v-73e3a002]{font-size:1.2rem}}@media (max-width: 480px){.skills-grid[data-v-73e3a002]{grid-template-columns:repeat(2,1fr)}.progress-circle[data-v-73e3a002]{width:90px;height:90px}.progress-circle svg[data-v-73e3a002]{width:90px;height:90px}circle[data-v-73e3a002]{r:35}.progress[data-v-73e3a002]{stroke-dasharray:220;stroke-dashoffset:220}.progress-circle img[data-v-73e3a002]{width:35px;height:35px}}.progress-circle[data-v-73e3a002] *{will-change:transform}.skills-container[data-v-73e3a002]{contain:layout style paint}.dark-mode .skills-container[data-v-73e3a002]{background:linear-gradient(135deg,var(--sidebar-bg-color) 0%,rgba(0,0,0,.3) 100%);border:1px solid rgba(255,255,255,.1)}.dark-mode .progress-circle[data-v-73e3a002]{background:linear-gradient(135deg,#ffffff1a,#0000004d);box-shadow:0 10px 25px #00000080,inset 0 1px #ffffff1a}.dark-mode .progress-circle[data-v-73e3a002]:hover{box-shadow:0 20px 40px #0009,0 0 20px var(--primary-color)}@media (prefers-reduced-motion: reduce){.skills-container[data-v-73e3a002],.progress-circle[data-v-73e3a002],.skill[data-v-73e3a002],.progress[data-v-73e3a002]{transition:none;animation:none}}.skill:focus-within .progress-circle[data-v-73e3a002]{outline:2px solid var(--primary-color);outline-offset:4px}@keyframes pulse-73e3a002{0%,to{opacity:1}50%{opacity:.7}}.progress-circle[data-v-73e3a002]:hover:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.2;animation:pulse-73e3a002 2s infinite;z-index:-1}.skills-container[data-v-73e3a002]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,var(--primary-color),transparent,var(--primary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.skills-container[data-v-73e3a002]:hover:after{opacity:.5}.progress-circle[data-v-73e3a002]:not(.circle-animate){opacity:.3}.progress-circle:not(.circle-animate) img[data-v-73e3a002]{filter:grayscale(100%)}.progress-circle.circle-animate img[data-v-73e3a002]{filter:grayscale(0%);transition:filter .5s ease .2s}.languages-section[data-v-2a3a2e43]{padding:20px 0}.section-title[data-v-2a3a2e43]{text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title[data-v-2a3a2e43]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.languages-container[data-v-2a3a2e43]{display:flex;flex-direction:column;gap:30px;padding:0 20px}.language-card[data-v-2a3a2e43]{background:var(--hover-bg-color, #ffffff);border-radius:20px;padding:25px;box-shadow:0 8px 30px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.language-card[data-v-2a3a2e43]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translate(-100%);transition:transform .6s ease}.language-card[data-v-2a3a2e43]:hover:before{transform:translate(0)}.language-card[data-v-2a3a2e43]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}.card-content[data-v-2a3a2e43]{display:flex;align-items:center;gap:20px;margin-bottom:15px}.flag-container[data-v-2a3a2e43]{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.language-card:hover .flag-container[data-v-2a3a2e43]{transform:rotate(5deg) scale(1.1)}.flag-image[data-v-2a3a2e43]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.language-card:hover .flag-image[data-v-2a3a2e43]{transform:scale(1.1)}.language-info[data-v-2a3a2e43]{flex:1}.language-name[data-v-2a3a2e43]{font-size:1.4rem;font-weight:600;margin:0 0 8px;color:var(--text-color, #333)}.level-container[data-v-2a3a2e43]{display:flex;align-items:center}.level-badge[data-v-2a3a2e43]{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 8px #00000026}.level-badge.native[data-v-2a3a2e43]{background:linear-gradient(135deg,#11998e,#38ef7d)}.level-badge.advanced[data-v-2a3a2e43]{background:linear-gradient(135deg,#667eea,#764ba2)}.level-badge.intermediate[data-v-2a3a2e43]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.proficiency-bar[data-v-2a3a2e43]{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden;position:relative}.proficiency-fill[data-v-2a3a2e43]{height:100%;border-radius:4px;transition:width 1s ease-in-out .3s;position:relative}.proficiency-fill[data-v-2a3a2e43]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-2a3a2e43 2s infinite}.native-level[data-v-2a3a2e43]{width:100%;background:linear-gradient(135deg,#11998e,#38ef7d)}.advanced-level[data-v-2a3a2e43]{width:85%;background:linear-gradient(135deg,#667eea,#764ba2)}.intermediate-level[data-v-2a3a2e43]{width:70%;background:linear-gradient(135deg,#ffecd2,#fcb69f)}@keyframes shimmer-2a3a2e43{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.languages-container[data-v-2a3a2e43]{grid-template-columns:1fr;padding:0 15px}.section-title[data-v-2a3a2e43]{font-size:2rem}.language-card[data-v-2a3a2e43]{padding:20px}.card-content[data-v-2a3a2e43]{gap:15px}.flag-container[data-v-2a3a2e43]{width:50px;height:50px}.language-name[data-v-2a3a2e43]{font-size:1.2rem}}.language-card[data-v-2a3a2e43]{animation:fadeInUp-2a3a2e43 .6s ease-out forwards;opacity:0;transform:translateY(30px)}.language-card[data-v-2a3a2e43]:nth-child(1){animation-delay:.1s}.language-card[data-v-2a3a2e43]:nth-child(2){animation-delay:.2s}.language-card[data-v-2a3a2e43]:nth-child(3){animation-delay:.3s}@keyframes fadeInUp-2a3a2e43{to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.language-card[data-v-2a3a2e43]{background:#ffffff0d;border-color:#ffffff1a}.proficiency-bar[data-v-2a3a2e43]{background:#ffffff1a}}.carrousel-wrapper[data-v-3ba14978]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:relative}.carrousel[data-v-3ba14978]{display:flex;transition:transform .7s ease-in-out;gap:30px;width:80%}.container-references[data-v-3ba14978]{flex:0 0 calc(100%/3 - 30px);box-shadow:0 8px 16px var(--box-shadow);background-color:var(--sidebar-bg-color);padding:20px;border-radius:var(--border-radius);transition:transform .3s ease;margin:10px 0}.profil-reference[data-v-3ba14978]{display:flex;align-items:center;gap:15px;margin-bottom:10px}.container-references img[data-v-3ba14978]{width:60px;height:60px;border-radius:50%}.nav-button[data-v-3ba14978]{background-color:var(--button-bg-color);color:#fff;border:none;font-size:30px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:50%;width:50px;height:50px;transition:background-color .3s ease}.nav-button[data-v-3ba14978]:hover{background-color:var(--button-hover-color)}.nav-button[data-v-3ba14978]:disabled{opacity:0;pointer-events:none}.nav-button.right[data-v-3ba14978]{right:10px}.nav-button.left[data-v-3ba14978]{left:10px}.wrapper[data-v-3ba14978]{display:flex;list-style:none;font-family:Poppins,sans-serif;justify-content:center}.wrapper .icon[data-v-3ba14978]{position:relative;background:var(--sidebar-bg-color);border-radius:50%;margin:10px;width:60px;height:60px;font-size:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 8px 15px var(--box-shadow);cursor:pointer;transition:all .3s ease-in-out}.wrapper .tooltip[data-v-3ba14978]{position:absolute;top:0;font-size:14px;background:var(--button-bg-color);color:var(--text-color);padding:6px 10px;border-radius:5px;box-shadow:0 8px 15px #0000001a;opacity:0;pointer-events:none;transition:all .3s ease}.wrapper .tooltip[data-v-3ba14978]:before{position:absolute;content:"";height:8px;width:8px;background:var(--button-bg-color);bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg)}.wrapper .icon:hover .tooltip[data-v-3ba14978]{top:-45px;opacity:1;pointer-events:auto}.wrapper .git[data-v-3ba14978]:hover,.wrapper .git:hover .tooltip[data-v-3ba14978],.wrapper .git:hover .tooltip[data-v-3ba14978]:before{background:var(--primary-color);color:var(--sidebar-bg-color)}.wrapper .linkedin[data-v-3ba14978]:hover,.wrapper .linkedin:hover .tooltip[data-v-3ba14978],.wrapper .linkedin:hover .tooltip[data-v-3ba14978]:before{background:var(--button-hover-color);color:var(--sidebar-bg-color)}@media (max-width: 992px){.container-references[data-v-3ba14978]{flex:0 0 calc(50% - 30px)}}@media (max-width: 600px){.container-references[data-v-3ba14978]{flex:0 0 100%}.nav-button[data-v-3ba14978]{font-size:20px;width:40px;height:40px}}.gaming-section[data-v-9392c166]{border-radius:var(--border-radius);padding:40px;margin-bottom:30px;box-shadow:0 8px 20px var(--box-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header[data-v-9392c166]{text-align:center;margin-bottom:40px}.category-title[data-v-9392c166]{font-size:2rem;color:var(--text-color);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:12px}.category-icon[data-v-9392c166]{font-size:1.8rem}.category-subtitle[data-v-9392c166]{font-size:1.1rem;color:#333333b3;font-style:italic}.games-grid[data-v-9392c166]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.game-card[data-v-9392c166]{border-radius:var(--border-radius);padding:25px;text-align:center;box-shadow:0 8px 20px var(--box-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent}.game-card[data-v-9392c166]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px var(--box-shadow);border-color:var(--primary-color)}.game-card[data-v-9392c166]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .6s ease}.game-card[data-v-9392c166]:hover:before{left:100%}.rank-container[data-v-9392c166]{position:relative;margin-bottom:20px;display:inline-block}.rank-image[data-v-9392c166]{width:80px;height:80px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px var(--box-shadow);transition:transform .3s ease}.game-card:hover .rank-image[data-v-9392c166]{transform:scale(1.1)}.progress-badge[data-v-9392c166]{position:absolute;bottom:-10px;right:-10px;background:linear-gradient(135deg,var(--primary-color),var(--button-hover-color));color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px var(--box-shadow);animation:pulse-9392c166 2s infinite}.game-name[data-v-9392c166]{font-size:1.3rem;color:var(--text-color);margin-bottom:15px;font-weight:600;letter-spacing:-.02em}.click-indicator[data-v-9392c166]{font-size:.9rem;color:var(--primary-color);opacity:0;transition:opacity .3s ease;font-weight:500}.game-card:hover .click-indicator[data-v-9392c166]{opacity:1}.other-hobbies[data-v-9392c166]{border-radius:var(--border-radius);padding:40px;text-align:center;box-shadow:0 8px 20px var(--box-shadow)}.coming-soon[data-v-9392c166]{font-size:1.1rem;color:#333333b3;font-style:italic;margin-top:20px}@keyframes bounce-9392c166{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse-9392c166{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.loisir-container[data-v-9392c166]{padding:15px}.section-title[data-v-9392c166]{font-size:2rem}.games-grid[data-v-9392c166]{grid-template-columns:1fr;gap:20px}.gaming-section[data-v-9392c166]{padding:25px}.main-header[data-v-9392c166]{padding:30px 15px}}@media (max-width: 480px){.section-title[data-v-9392c166]{font-size:1.8rem;flex-direction:column;gap:10px}.game-card[data-v-9392c166]{padding:20px}.rank-image[data-v-9392c166]{width:70px;height:70px}}.rank-image[style*="display: none"]+.progress-badge[data-v-9392c166]{position:static;margin-top:10px}[data-v-eafe225c]:root{--menu-primary: #3b82f6;--menu-background: #ffffff;--menu-surface: #f8fafc;--menu-border: #e2e8f0;--menu-text: #1e293b;--menu-text-secondary: #64748b;--menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--menu-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.dark-mode[data-v-eafe225c]{--menu-primary: #60a5fa;--menu-background: #1e293b;--menu-surface: #334155;--menu-border: #475569;--menu-text: #f1f5f9;--menu-text-secondary: #94a3b8;--menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--menu-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.project-menu[data-v-eafe225c]{position:fixed;top:2rem;z-index:1000;display:flex;gap:.75rem;align-items:flex-start}.back-btn[data-v-eafe225c]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--menu-background);border:1px solid var(--menu-border);border-radius:.75rem;color:var(--menu-text);text-decoration:none;box-shadow:var(--menu-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn[data-v-eafe225c]:hover{transform:translateY(-2px);box-shadow:var(--menu-shadow-lg);border-color:var(--menu-primary);color:var(--menu-primary)}.back-btn svg[data-v-eafe225c]{width:1.25rem;height:1.25rem}.menu-toggle[data-v-eafe225c]{position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--menu-primary);border:none;border-radius:.75rem;color:var(--menu-text);cursor:pointer;box-shadow:var(--menu-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle[data-v-eafe225c]:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--menu-shadow-lg)}.toggle-icon[data-v-eafe225c]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon.rotated[data-v-eafe225c]{transform:rotate(90deg)}.toggle-icon svg[data-v-eafe225c]{width:1.25rem;height:1.25rem}.project-count[data-v-eafe225c]{position:absolute;top:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;border:2px solid var(--menu-background)}.menu-dropdown[data-v-eafe225c]{position:absolute;top:4rem;right:0;width:20rem;background:var(--menu-background);border:1px solid var(--menu-border);border-radius:1rem;box-shadow:var(--menu-shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;max-height:70vh;overflow-y:auto}.menu-dropdown.visible[data-v-eafe225c]{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.menu-header[data-v-eafe225c]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--menu-border)}.menu-header h3[data-v-eafe225c]{margin:0;font-size:1.125rem;font-weight:600;color:var(--menu-text)}.close-btn[data-v-eafe225c]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.5rem;color:var(--menu-text-secondary);cursor:pointer;transition:all .2s}.close-btn[data-v-eafe225c]:hover{background:var(--menu-surface);color:var(--menu-text)}.close-btn svg[data-v-eafe225c]{width:1rem;height:1rem}.projects-list[data-v-eafe225c]{padding:.5rem}.project-item[data-v-eafe225c]{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;text-decoration:none;color:var(--menu-text);transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:.25rem}.project-item[data-v-eafe225c]:hover{background:var(--menu-surface);transform:translate(4px)}.project-item.active[data-v-eafe225c]{background:linear-gradient(135deg,var(--project-color),rgba(var(--project-color),.1));color:#fff;box-shadow:0 4px 12px rgba(var(--project-color),.3)}.project-item.active .project-status[data-v-eafe225c]{background:#10b981;box-shadow:0 0 8px #10b981}.project-avatar[data-v-eafe225c]{position:relative;width:2.5rem;height:2.5rem;border-radius:.75rem;overflow:hidden;flex-shrink:0}.project-avatar img[data-v-eafe225c]{width:100%;height:100%;object-fit:cover}.project-status[data-v-eafe225c]{position:absolute;bottom:-2px;right:-2px;width:.75rem;height:.75rem;background:var(--menu-border);border:2px solid var(--menu-background);border-radius:50%;transition:all .2s}.project-info[data-v-eafe225c]{flex:1;display:flex;align-items:center;justify-content:space-between}.project-name[data-v-eafe225c]{font-weight:500;font-size:.875rem}.project-icon[data-v-eafe225c]{font-size:1rem;opacity:.7}.project-arrow[data-v-eafe225c]{width:1rem;height:1rem;color:var(--menu-text-secondary);transition:all .2s}.project-item:hover .project-arrow[data-v-eafe225c]{transform:translate(2px);color:var(--project-color)}.project-arrow svg[data-v-eafe225c]{width:100%;height:100%}.project-tooltip[data-v-eafe225c]{position:absolute;left:-.5rem;top:50%;transform:translate(-100%) translateY(-50%);background:var(--menu-text);color:var(--menu-background);padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s;z-index:10}.project-tooltip[data-v-eafe225c]:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--menu-text)}.project-tooltip.show[data-v-eafe225c]{opacity:1}.menu-footer[data-v-eafe225c]{padding:1rem 1.25rem;border-top:1px solid var(--menu-border);background:var(--menu-surface);border-radius:0 0 1rem 1rem}.current-project[data-v-eafe225c]{font-size:.75rem;color:var(--menu-text-secondary);text-align:center}.current-project strong[data-v-eafe225c]{color:var(--menu-primary)}.menu-overlay[data-v-eafe225c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a;opacity:0;pointer-events:none;transition:opacity .3s;z-index:-1}.menu-overlay.visible[data-v-eafe225c]{opacity:1;pointer-events:all}@media (max-width: 768px){.project-menu[data-v-eafe225c]{top:1rem;right:1rem}.menu-dropdown[data-v-eafe225c]{width:calc(100vw - 2rem);right:-1rem}.back-btn[data-v-eafe225c],.menu-toggle[data-v-eafe225c]{width:2.5rem;height:2.5rem}.back-btn svg[data-v-eafe225c],.toggle-icon svg[data-v-eafe225c]{width:1rem;height:1rem}.project-count[data-v-eafe225c]{width:1rem;height:1rem;font-size:.625rem}}@media (max-width: 480px){.menu-dropdown[data-v-eafe225c]{width:calc(100vw - 1rem);right:-.5rem;max-height:60vh}.project-item[data-v-eafe225c]{padding:1rem .75rem}.project-avatar[data-v-eafe225c]{width:2.25rem;height:2.25rem}}.menu-dropdown[data-v-eafe225c]::-webkit-scrollbar{width:4px}.menu-dropdown[data-v-eafe225c]::-webkit-scrollbar-track{background:transparent}.menu-dropdown[data-v-eafe225c]::-webkit-scrollbar-thumb{background:var(--menu-border);border-radius:2px}.menu-dropdown[data-v-eafe225c]::-webkit-scrollbar-thumb:hover{background:var(--menu-text-secondary)}@keyframes slideInRight-eafe225c{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.project-menu[data-v-eafe225c]{animation:slideInRight-eafe225c .4s ease-out}.back-btn[data-v-eafe225c]:focus-visible,.menu-toggle[data-v-eafe225c]:focus-visible,.project-item[data-v-eafe225c]:focus-visible{outline:2px solid var(--menu-primary);outline-offset:2px}[data-v-acadde32]:root{--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--monogame-primary: #e73c00;--monogame-secondary: #ff6a00;--monogame-accent: #ff4500;--monogame-dark: #b8300a;--monogame-light: #ff8c42;--western-primary: #8b4513;--western-secondary: #d2691e;--western-accent: #cd853f;--western-gold: #daa520}.dark-mode[data-v-acadde32]{--western-primary: #a0522d;--western-secondary: #f4a460;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--monogame-primary-dark: #c73400;--monogame-secondary-dark: #e55a00;--monogame-accent-dark: #e03e00;--monogame-bg-dark: #1a0a06;--monogame-surface-dark: #2d1510}.color[data-v-acadde32]{color:var(--text-primary)}.button-icon svg[data-v-acadde32]{stroke:var(--text-primary)}.page-wrapper[data-v-acadde32]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-acadde32]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-acadde32]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-acadde32]{opacity:1;transform:translateY(0)}.hero-background[data-v-acadde32]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--monogame-primary) 0%,var(--monogame-secondary) 100%)}.western-pattern[data-v-acadde32]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(231,60,0,.2) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,106,0,.2) 0%,transparent 50%);background-size:100px 100px}.hero-overlay[data-v-acadde32]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#e73c004d,#ff450040,#ff6a0033 70%,#b8300a4d)}.hero-content[data-v-acadde32]{position:relative;z-index:2;text-align:center;color:var(--text-primary);max-width:800px;padding:2rem}.game-badge[data-v-acadde32]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-acadde32]{font-size:1.2rem}.hero-title[data-v-acadde32]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-acadde32]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-actions[data-v-acadde32]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.github-button[data-v-acadde32]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:3rem;text-decoration:none;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-lg)}.play-icon[data-v-acadde32]{font-size:1.2rem}.github-button[data-v-acadde32]{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.3)}.github-button[data-v-acadde32]:hover{background:#fff3;transform:translateY(-2px)}.github-button svg[data-v-acadde32]{width:1.25rem;height:1.25rem}.fade-in[data-v-acadde32]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible[data-v-acadde32]{opacity:1;transform:translateY(0)}.section-header[data-v-acadde32]{text-align:center;margin-bottom:3rem}.section-title[data-v-acadde32]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-acadde32]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--western-primary),var(--western-gold));border-radius:2px}.section-subtitle[data-v-acadde32]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.features-section[data-v-acadde32]{margin:4rem 0}.features-grid[data-v-acadde32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card[data-v-acadde32]{background:var(--surface);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition);box-shadow:var(--shadow);animation:slideInUp-acadde32 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-acadde32{to{opacity:1;transform:translateY(0)}}.feature-card[data-v-acadde32]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--western-primary)}.feature-icon[data-v-acadde32]{font-size:3rem;margin-bottom:1rem}.feature-title[data-v-acadde32]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-description[data-v-acadde32]{color:var(--text-secondary);line-height:1.6}.content-card[data-v-acadde32]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden}.content-card[data-v-acadde32]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header[data-v-acadde32]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-acadde32]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-acadde32]{font-size:2rem;opacity:.7}.card-content[data-v-acadde32]{padding:2rem}.description-text[data-v-acadde32]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.toggle-button[data-v-acadde32]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--western-primary),var(--western-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.toggle-button[data-v-acadde32]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-acadde32]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-acadde32]{transform:rotate(180deg)}.button-icon svg[data-v-acadde32]{width:100%;height:100%}.details-section[data-v-acadde32]{margin:3rem 0}.details-grid[data-v-acadde32]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card.highlight[data-v-acadde32]{grid-column:1 / -1}.detail-card[data-v-acadde32]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;transition:var(--transition);box-shadow:var(--shadow)}.detail-card[data-v-acadde32]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.detail-card.highlight[data-v-acadde32]{background:linear-gradient(135deg,var(--western-gold),#ffd700);color:var(--text-primary);border-color:var(--western-accent)}.detail-header[data-v-acadde32]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.detail-title[data-v-acadde32]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.detail-icon[data-v-acadde32]{font-size:1.5rem;opacity:.7}.detail-content[data-v-acadde32]{color:var(--text-secondary);line-height:1.6}.technology-list[data-v-acadde32]{display:flex;flex-direction:column;gap:1.5rem}.tech-item[data-v-acadde32]{display:flex;align-items:flex-start;gap:1rem}.tech-icon[data-v-acadde32]{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.tech-info h4[data-v-acadde32]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.tech-info p[data-v-acadde32]{color:var(--text-secondary);line-height:1.6;margin:0}.skills-section[data-v-acadde32]{margin:4rem 0}.skills-container[data-v-acadde32]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg)}.skill-category[data-v-acadde32]{text-align:center}.category-title[data-v-acadde32]{font-size:1.5rem;font-weight:600;color:var(--western-primary);margin-bottom:2rem}.skill-item[data-v-acadde32]{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:600px;margin:0 auto}.skill-header[data-v-acadde32]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.skill-name[data-v-acadde32]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.skill-percentage[data-v-acadde32]{font-size:1.125rem;font-weight:600;color:var(--western-primary)}.progress-container[data-v-acadde32]{position:relative;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-bar[data-v-acadde32]{height:100%;background:linear-gradient(90deg,var(--western-primary),var(--western-gold));border-radius:4px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.skill-icon-container[data-v-acadde32]{flex-shrink:0}.skill-icon[data-v-acadde32]{width:80px;height:80px;object-fit:contain;border-radius:.5rem;box-shadow:var(--shadow)}.availability-section[data-v-acadde32]{margin:4rem 0}.highlight-card[data-v-acadde32]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--western-primary)}.availability-text[data-v-acadde32]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem}.inline-link[data-v-acadde32]{color:var(--western-primary);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:var(--transition)}.inline-link[data-v-acadde32]:hover{border-bottom-color:var(--western-primary)}.action-buttons[data-v-acadde32]{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.action-btn[data-v-acadde32]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:var(--transition);box-shadow:var(--shadow)}.action-btn.primary[data-v-acadde32]{background:var(--western-primary);color:var(--text-primary)}.action-btn.primary[data-v-acadde32]:hover{background:var(--western-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn.secondary[data-v-acadde32]{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.action-btn.secondary[data-v-acadde32]:hover{background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-icon[data-v-acadde32]{font-size:1.2rem}@media (max-width: 1024px){.hero-content[data-v-acadde32]{padding:1.5rem}.hero-title[data-v-acadde32]{font-size:2.5rem}.container[data-v-acadde32]{padding:0 1rem}.features-grid[data-v-acadde32]{grid-template-columns:repeat(2,1fr);gap:1.5rem}.details-grid[data-v-acadde32]{grid-template-columns:1fr}.skill-item[data-v-acadde32]{flex-direction:column;text-align:center;gap:1.5rem}.card-header[data-v-acadde32]{padding:1.5rem 1.5rem 1rem}.card-content[data-v-acadde32],.detail-card[data-v-acadde32]{padding:1.5rem}}@media (max-width: 768px){.hero-section[data-v-acadde32]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-acadde32]{font-size:2rem}.hero-subtitle[data-v-acadde32]{font-size:1.125rem}.hero-actions[data-v-acadde32]{flex-direction:column;align-items:stretch}.github-button[data-v-acadde32]{justify-content:center}.features-grid[data-v-acadde32]{grid-template-columns:1fr}.feature-card[data-v-acadde32]{padding:1.5rem}.section-title[data-v-acadde32]{font-size:2rem}.card-title[data-v-acadde32]{font-size:1.5rem}.toggle-button[data-v-acadde32]{padding:.75rem 1.5rem;font-size:1rem}.action-buttons[data-v-acadde32]{flex-direction:column}.tech-item[data-v-acadde32]{flex-direction:column;text-align:center;gap:.75rem}.skill-icon[data-v-acadde32]{width:60px;height:60px}}@media (max-width: 480px){.hero-section[data-v-acadde32]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-acadde32]{font-size:1.75rem}.container[data-v-acadde32]{padding:0 .75rem}.card-header[data-v-acadde32]{padding:1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-acadde32],.detail-card[data-v-acadde32]{padding:1rem}.detail-header[data-v-acadde32]{flex-direction:column;gap:.5rem;text-align:center}.feature-card[data-v-acadde32]{padding:1rem}.feature-icon[data-v-acadde32]{font-size:2rem}.toggle-button[data-v-acadde32]{width:100%;justify-content:center}.action-btn[data-v-acadde32]{justify-content:center}.game-badge[data-v-acadde32]{font-size:.75rem;padding:.375rem .75rem}}@media (prefers-reduced-motion: no-preference){.hero-section[data-v-acadde32]{background-attachment:fixed}}.toggle-button[data-v-acadde32]:focus-visible,.github-button[data-v-acadde32]:focus-visible,.action-btn[data-v-acadde32]:focus-visible,.inline-link[data-v-acadde32]:focus-visible{outline:2px solid var(--western-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-acadde32]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-acadde32],.fade-in[data-v-acadde32],.feature-card[data-v-acadde32]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-acadde32]{background:linear-gradient(135deg,var(--monogame-dark) 0%,var(--monogame-primary) 100%)}.dark-mode .western-pattern[data-v-acadde32]{background-image:radial-gradient(circle at 25% 25%,rgba(231,60,0,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,106,0,.15) 0%,transparent 50%)}.dark-mode .game-badge[data-v-acadde32]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .hero-overlay[data-v-acadde32]{background:linear-gradient(45deg,#b8300a66,#e73c004d,#ff450040 70%,#8b230866)}.hero-overlay-subtle[data-v-acadde32]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(231,60,0,.2) 0%,transparent 70%),radial-gradient(ellipse at bottom,rgba(255,106,0,.15) 0%,transparent 70%),linear-gradient(45deg,#e73c001a,#ff45000d,#b8300a1a)}.dark-mode .detail-card.highlight[data-v-acadde32]{background:linear-gradient(135deg,var(--western-secondary),var(--western-accent))}.dark-mode .highlight-card[data-v-acadde32]{background:linear-gradient(135deg,var(--surface),rgba(160,82,45,.05));border-color:var(--western-secondary)}@keyframes dustParticle-acadde32{0%{opacity:0;transform:translateY(20px) rotate(0)}50%{opacity:.6;transform:translateY(-10px) rotate(180deg)}to{opacity:0;transform:translateY(-40px) rotate(360deg)}}.hero-section[data-v-acadde32]:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(231,60,0,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,106,0,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,69,0,.25),transparent);background-repeat:repeat;background-size:150px 100px;animation:dustParticle-acadde32 8s ease-in-out infinite;pointer-events:none}[data-v-acadde32]::-webkit-scrollbar{width:8px}[data-v-acadde32]::-webkit-scrollbar-track{background:var(--surface)}[data-v-acadde32]::-webkit-scrollbar-thumb{background:var(--western-primary);border-radius:4px}[data-v-acadde32]::-webkit-scrollbar-thumb:hover{background:var(--western-secondary)}.feature-card[data-v-acadde32]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--western-primary),var(--western-gold));transform:scaleX(0);transition:transform .3s ease}.feature-card[data-v-acadde32]:hover:before{transform:scaleX(1)}.detail-card[data-v-acadde32]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--western-primary),var(--western-gold));transform:scaleY(0);transition:transform .3s ease}.detail-card[data-v-acadde32]:hover:before{transform:scaleY(1)}.description-section[data-v-acadde32]{animation-delay:.2s}.skills-section[data-v-acadde32]{animation-delay:.4s}.availability-section[data-v-acadde32]{animation-delay:.6s}.tech-stack-grid[data-v-acadde32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-acadde32]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-acadde32 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-acadde32]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-acadde32]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-acadde32]{font-size:2rem;color:var(--category-color)}.category-title[data-v-acadde32]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-acadde32]{display:grid;gap:1.5rem}.skill-card[data-v-acadde32]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-acadde32]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-acadde32]{flex-shrink:0}.progress-circle[data-v-acadde32]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-acadde32]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-acadde32]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-acadde32]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-acadde32]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-acadde32]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-acadde32]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-acadde32]{flex:1}.skill-name[data-v-acadde32]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.skill-level[data-v-acadde32]{width:100%}.level-bar[data-v-acadde32]{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.level-fill[data-v-acadde32]{height:100%;border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0%}.source-section[data-v-acadde32]{margin:4rem 0}.highlight-card[data-v-acadde32]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--vue-primary)}.source-description[data-v-acadde32]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.slide-fade-enter-active[data-v-acadde32]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-acadde32]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-acadde32]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-acadde32]{transform:translateY(-10px);opacity:0}@keyframes monogameParticles-acadde32{0%{opacity:0;transform:translateY(20px) rotate(0)}50%{opacity:.8;transform:translateY(-10px) rotate(180deg)}to{opacity:0;transform:translateY(-40px) rotate(360deg)}}.hero-section[data-v-acadde32]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(231,60,0,.1) 0%,rgba(255,106,0,.05) 40%,transparent 70%);animation:monogameGlow-acadde32 4s ease-in-out infinite alternate}@keyframes monogameGlow-acadde32{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}[data-v-b4ab0538]:root{--laravel-primary: #FF2D20;--laravel-secondary: #E53E3E;--bmw-blue: #0066CC;--bmw-gray: #666666;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-b4ab0538]{--laravel-primary: #FF4F3D;--laravel-secondary: #FF6B5A;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-b4ab0538]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-b4ab0538]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-b4ab0538]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-b4ab0538]{opacity:1;transform:translateY(0)}.hero-background[data-v-b4ab0538]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--laravel-primary) 0%,var(--laravel-secondary) 100%)}.bmw-pattern[data-v-b4ab0538]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,102,204,.1) 0%,transparent 50%);background-size:100px 100px}.hero-overlay[data-v-b4ab0538]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-b4ab0538]{flex:1;position:relative;z-index:2;color:#fff;max-width:600px}.project-badge[data-v-b4ab0538]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-b4ab0538]{font-size:1.2rem}.hero-title[data-v-b4ab0538]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-b4ab0538]{font-size:1.25rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.hero-cta[data-v-b4ab0538]{margin-bottom:2.5rem}.demo-button[data-v-b4ab0538]{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:3rem;font-weight:600;transition:var(--transition);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-button[data-v-b4ab0538]:hover{background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.demo-button .button-icon[data-v-b4ab0538]{font-size:1.2rem}.stats-grid[data-v-b4ab0538]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card[data-v-b4ab0538]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);animation:slideInUp-b4ab0538 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(20px)}@keyframes slideInUp-b4ab0538{to{opacity:1;transform:translateY(0)}}.stat-icon[data-v-b4ab0538]{font-size:2rem;margin-bottom:.5rem}.stat-value[data-v-b4ab0538]{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.stat-label[data-v-b4ab0538]{font-size:.875rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-b4ab0538]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.bmw-showcase[data-v-b4ab0538]{position:relative;animation:float-b4ab0538 3s ease-in-out infinite}@keyframes float-b4ab0538{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.laptop-frame[data-v-b4ab0538]{width:300px;height:200px;background:#2d3748;border-radius:12px 12px 0 0;padding:8px 8px 0;box-shadow:var(--shadow-xl)}.laptop-screen[data-v-b4ab0538]{width:100%;height:100%;background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.browser-bar[data-v-b4ab0538]{height:24px;background:#f7fafc;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #e2e8f0}.browser-dots[data-v-b4ab0538]{display:flex;gap:6px}.dot[data-v-b4ab0538]{width:8px;height:8px;border-radius:50%}.dot.red[data-v-b4ab0538]{background:#ef4444}.dot.yellow[data-v-b4ab0538]{background:#f59e0b}.dot.green[data-v-b4ab0538]{background:#10b981}.website-preview[data-v-b4ab0538]{height:calc(100% - 24px);background:#f8fafc}.preview-header[data-v-b4ab0538]{height:40px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e2e8f0}.bmw-logo[data-v-b4ab0538]{font-weight:800;color:var(--bmw-blue);font-size:1.125rem}.nav-items[data-v-b4ab0538]{display:flex;gap:8px}.nav-item[data-v-b4ab0538]{width:40px;height:6px;background:#cbd5e0;border-radius:3px}.preview-content[data-v-b4ab0538]{padding:16px;display:flex;flex-direction:column;gap:8px}.content-block[data-v-b4ab0538]{background:#e2e8f0;border-radius:4px;animation:contentPulse-b4ab0538 2s ease-in-out infinite}.content-block.large[data-v-b4ab0538]{height:40px;animation-delay:0s}.content-block.medium[data-v-b4ab0538]{height:24px;width:70%;animation-delay:.5s}.content-block.small[data-v-b4ab0538]{height:16px;width:50%;animation-delay:1s}@keyframes contentPulse-b4ab0538{0%,to{opacity:.6}50%{opacity:1}}.moto-icon[data-v-b4ab0538]{position:absolute;bottom:-20px;right:-20px;font-size:3rem;animation:motoRide-b4ab0538 4s ease-in-out infinite}@keyframes motoRide-b4ab0538{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px) rotate(5deg)}}.fade-in[data-v-b4ab0538]{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-b4ab0538]{opacity:1;transform:translateY(0)}.overview-section[data-v-b4ab0538]{margin:6rem 0}.content-card[data-v-b4ab0538]{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.highlight-card[data-v-b4ab0538]{border:2px solid var(--laravel-primary);box-shadow:var(--shadow-lg)}.card-header[data-v-b4ab0538]{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:var(--surface);border-bottom:1px solid var(--border)}.card-title[data-v-b4ab0538]{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.card-icon[data-v-b4ab0538]{font-size:2rem;opacity:.7}.card-content[data-v-b4ab0538]{padding:2rem}.project-description[data-v-b4ab0538]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.features-title[data-v-b4ab0538]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.features-grid[data-v-b4ab0538]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-card[data-v-b4ab0538]{position:relative;background:var(--surface);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:var(--transition);border:1px solid var(--border);animation:slideInUp-b4ab0538 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(20px)}.feature-card[data-v-b4ab0538]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--feature-color)}.feature-icon[data-v-b4ab0538]{font-size:2.5rem;margin-bottom:1rem}.feature-title[data-v-b4ab0538]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-description[data-v-b4ab0538]{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.feature-border[data-v-b4ab0538]{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--feature-color);opacity:0;transition:var(--transition)}.feature-card:hover .feature-border[data-v-b4ab0538]{opacity:1}.toggle-button[data-v-b4ab0538]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--vue-primary),var(--vue-secondary));color:#fff;border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.toggle-button[data-v-b4ab0538]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-b4ab0538]{transition:transform .3s ease}.button-icon.rotated[data-v-b4ab0538]{transform:rotate(180deg)}.button-icon svg[data-v-b4ab0538]{width:1.25rem;height:1.25rem}.details-section[data-v-b4ab0538]{margin:4rem 0}.details-grid[data-v-b4ab0538]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.detail-card[data-v-b4ab0538]{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.detail-header[data-v-b4ab0538]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.detail-title[data-v-b4ab0538]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.detail-icon[data-v-b4ab0538]{font-size:1.5rem;opacity:.7}.features-list[data-v-b4ab0538]{padding:2rem}.feature-item[data-v-b4ab0538]{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.feature-item[data-v-b4ab0538]:last-child{border-bottom:none}.feature-bullet[data-v-b4ab0538]{width:12px;height:12px;border-radius:50%;margin-top:.25rem;flex-shrink:0}.feature-bullet.users[data-v-b4ab0538]{background:#3b82f6}.feature-bullet.motos[data-v-b4ab0538]{background:#ef4444}.feature-bullet.equipment[data-v-b4ab0538]{background:#10b981}.feature-bullet.admin[data-v-b4ab0538]{background:#8b5cf6}.feature-bullet.powerbi[data-v-b4ab0538]{background:#f59e0b}.challenges-list[data-v-b4ab0538]{padding:2rem}.challenge-item[data-v-b4ab0538]{display:flex;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}.challenge-item[data-v-b4ab0538]:last-child{border-bottom:none}.challenge-icon[data-v-b4ab0538]{font-size:2rem;color:var(--challenge-color);flex-shrink:0}.challenge-title[data-v-b4ab0538]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.challenge-description[data-v-b4ab0538]{color:var(--text-secondary);line-height:1.6}.skills-section[data-v-b4ab0538]{margin:6rem 0}.section-header[data-v-b4ab0538]{text-align:center;margin-bottom:3rem}.section-title[data-v-b4ab0538]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-subtitle[data-v-b4ab0538]{font-size:1.125rem;color:var(--text-secondary)}.tech-container[data-v-b4ab0538]{max-width:600px;margin:0 auto}.tech-card[data-v-b4ab0538]{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:2rem;transition:var(--transition)}.tech-card[data-v-b4ab0538]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--tech-color)}.tech-header[data-v-b4ab0538]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tech-icon[data-v-b4ab0538]{font-size:2rem}.tech-name[data-v-b4ab0538]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.tech-category[data-v-b4ab0538]{color:var(--text-secondary);font-size:.875rem;margin:0}.tech-content[data-v-b4ab0538]{display:grid;grid-template-columns:150px 1fr;gap:2rem;align-items:center}.skill-visual[data-v-b4ab0538]{position:relative}.progress-circle[data-v-b4ab0538]{position:relative;width:120px;height:120px}.progress-circle svg[data-v-b4ab0538]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-b4ab0538]{fill:none;stroke:var(--border);stroke-width:3}.progress-ring[data-v-b4ab0538]{fill:none;stroke:var(--tech-color);stroke-width:3;stroke-linecap:round}.skill-icon[data-v-b4ab0538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.skill-icon img[data-v-b4ab0538]{width:30px;height:30px;object-fit:contain}.skill-percentage[data-v-b4ab0538]{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:600;color:var(--tech-color)}.tech-description p[data-v-b4ab0538]{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.level-bar[data-v-b4ab0538]{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.level-fill[data-v-b4ab0538]{height:100%;border-radius:3px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.demo-section[data-v-b4ab0538]{margin:6rem 0}.demo-showcase[data-v-b4ab0538]{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.demo-info[data-v-b4ab0538]{display:flex;gap:1.5rem}.demo-icon[data-v-b4ab0538]{width:60px;height:60px;background:var(--laravel-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-icon svg[data-v-b4ab0538]{width:24px;height:24px}.demo-text h3[data-v-b4ab0538]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.demo-text p[data-v-b4ab0538]{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.demo-features[data-v-b4ab0538]{display:flex;flex-direction:column;gap:.5rem}.demo-feature[data-v-b4ab0538]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.feature-dot[data-v-b4ab0538]{width:6px;height:6px;background:var(--laravel-primary);border-radius:50%}.demo-link-button[data-v-b4ab0538]{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--laravel-primary);color:var(--tech-color);stroke:var(--tech-color);text-decoration:none;border-radius:3rem;font-weight:600;transition:var(--transition);white-space:nowrap}.demo-link-button[data-v-b4ab0538]:hover{background:var(--laravel-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.demo-link-button .button-icon svg[data-v-b4ab0538]{width:1.25rem;height:1.25rem}.conclusion-section[data-v-b4ab0538]{margin:6rem 0}.conclusion-grid[data-v-b4ab0538]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.conclusion-item[data-v-b4ab0538]{display:flex;gap:1.5rem;padding:1.5rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.conclusion-item[data-v-b4ab0538]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.conclusion-icon[data-v-b4ab0538]{font-size:2.5rem;flex-shrink:0}.conclusion-content h4[data-v-b4ab0538]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.conclusion-content p[data-v-b4ab0538]{color:var(--text-secondary);line-height:1.6;margin:0}.slide-fade-enter-active[data-v-b4ab0538]{transition:all .5s cubic-bezier(.4,0,.2,1)}.slide-fade-leave-active[data-v-b4ab0538]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from[data-v-b4ab0538],.slide-fade-leave-to[data-v-b4ab0538]{transform:translateY(-20px);opacity:0}@media (max-width: 768px){.container[data-v-b4ab0538]{padding:0 1rem}.hero-section[data-v-b4ab0538]{flex-direction:column;text-align:center;padding:2rem 1rem}.hero-visual[data-v-b4ab0538]{flex:none;margin-top:2rem}.laptop-frame[data-v-b4ab0538]{width:250px;height:166px}.stats-grid[data-v-b4ab0538]{grid-template-columns:1fr;max-width:300px;margin:0 auto}.details-grid[data-v-b4ab0538]{grid-template-columns:1fr}.tech-content[data-v-b4ab0538]{grid-template-columns:1fr;text-align:center;gap:1rem}.demo-showcase[data-v-b4ab0538]{grid-template-columns:1fr;text-align:center}.conclusion-grid[data-v-b4ab0538],.features-grid[data-v-b4ab0538]{grid-template-columns:1fr}}[data-v-79f84459]:root{--vue-primary: #4FC08D;--vue-secondary: #42b883;--vue-dark: #2c3e50;--asp-primary: #512BD4;--postgres-primary: #336791;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-79f84459]{--vue-primary: #4FC08D;--vue-secondary: #42b883;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-79f84459]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-79f84459]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-79f84459]{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-79f84459]{opacity:1;transform:translateY(0)}.hero-background[data-v-79f84459]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--vue-primary) 0%,var(--vue-secondary) 100%)}.vue-pattern[data-v-79f84459]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(66,184,131,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-79f84459]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-79f84459]{flex:1;position:relative;z-index:2;color:#fff;max-width:600px}.project-badge[data-v-79f84459]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-79f84459]{font-size:1.2rem}.hero-title[data-v-79f84459]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-79f84459]{font-size:1.25rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.tech-badges[data-v-79f84459]{display:flex;gap:1rem;flex-wrap:wrap}.tech-badge[data-v-79f84459]{padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-badge.vue[data-v-79f84459]{background:#4fc08d33}.tech-badge.asp[data-v-79f84459]{background:#512bd433}.tech-badge.postgres[data-v-79f84459]{background:#33679133}.hero-visual[data-v-79f84459]{flex:0 0 250px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.project-icon[data-v-79f84459]{width:200px;height:200px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;border:2px solid rgba(255,255,255,.2);animation:float-79f84459 3s ease-in-out infinite}@keyframes float-79f84459{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.vue-logo[data-v-79f84459]{position:relative;width:80px;height:80px}.logo-triangle[data-v-79f84459]{position:absolute;border-style:solid}.triangle-1[data-v-79f84459]{top:10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:50px solid #42b883}.triangle-2[data-v-79f84459]{top:20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:30px solid #35495e}.fade-in[data-v-79f84459]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-79f84459]{opacity:1;transform:translateY(0)}.section-header[data-v-79f84459]{text-align:center;margin-bottom:3rem}.section-title[data-v-79f84459]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-79f84459]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--vue-primary),var(--vue-secondary));border-radius:2px}.section-subtitle[data-v-79f84459]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-79f84459]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header[data-v-79f84459]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-79f84459]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-79f84459]{font-size:2rem;opacity:.7}.card-content[data-v-79f84459]{padding:2rem}.project-description[data-v-79f84459]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.features-preview[data-v-79f84459]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.feature-pill[data-v-79f84459]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:2rem;font-size:.875rem;transition:var(--transition);animation:slideInUp-79f84459 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(20px)}@keyframes slideInUp-79f84459{to{opacity:1;transform:translateY(0)}}.feature-pill[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--vue-primary)}.feature-icon[data-v-79f84459]{font-size:1rem}.feature-text[data-v-79f84459]{font-weight:500;color:var(--text-primary)}.toggle-button[data-v-79f84459]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--vue-primary),var(--vue-secondary));color:#fff;border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.toggle-button[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-79f84459]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-79f84459]{transform:rotate(180deg)}.button-icon svg[data-v-79f84459]{width:100%;height:100%}.details-section[data-v-79f84459]{margin:3rem 0}.details-grid[data-v-79f84459]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.detail-card[data-v-79f84459]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;transition:var(--transition);box-shadow:var(--shadow)}.detail-card[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.detail-header[data-v-79f84459]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.detail-title[data-v-79f84459]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.detail-icon[data-v-79f84459]{font-size:1.5rem;opacity:.7}.features-list[data-v-79f84459]{display:flex;flex-direction:column;gap:1rem}.feature-item[data-v-79f84459]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.feature-item[data-v-79f84459]:hover{transform:translate(5px);border-color:var(--vue-primary)}.feature-bullet[data-v-79f84459]{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.feature-bullet.deployment[data-v-79f84459]{background:#10b981}.feature-bullet.security[data-v-79f84459]{background:#f59e0b}.challenges-list[data-v-79f84459]{display:flex;flex-direction:column;gap:1.5rem}.challenge-item[data-v-79f84459]{display:flex;align-items:flex-start;gap:1rem}.challenge-icon[data-v-79f84459]{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.challenge-item p[data-v-79f84459]{color:var(--text-secondary);line-height:1.6;margin:0}.skills-section[data-v-79f84459]{margin:4rem 0}.tech-stack-grid[data-v-79f84459]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-79f84459]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-79f84459 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-79f84459]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-79f84459]{font-size:2rem;color:var(--category-color)}.category-title[data-v-79f84459]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-79f84459]{display:grid;gap:1.5rem}.skill-card[data-v-79f84459]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-79f84459]{flex-shrink:0}.progress-circle[data-v-79f84459]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-79f84459]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-79f84459]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-79f84459]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-79f84459]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-79f84459]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-79f84459]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-79f84459]{flex:1}.skill-name[data-v-79f84459]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.skill-level[data-v-79f84459]{width:100%}.level-bar[data-v-79f84459]{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.level-fill[data-v-79f84459]{height:100%;border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0%}.source-section[data-v-79f84459]{margin:4rem 0;padding-bottom:1%}.highlight-card[data-v-79f84459]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--vue-primary)}.github-section[data-v-79f84459]{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border)}.github-info[data-v-79f84459]{display:flex;align-items:center;gap:1rem;flex:1}.github-icon[data-v-79f84459]{width:3rem;height:3rem;background:var(--text-primary);color:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.github-icon svg[data-v-79f84459]{width:1.5rem;height:1.5rem}.github-text h4[data-v-79f84459]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.github-text p[data-v-79f84459]{font-size:.875rem;color:var(--text-secondary);margin:0}.github-button[data-v-79f84459]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--text-primary);color:var(--background);text-decoration:none;border-radius:var(--radius);font-weight:600;transition:var(--transition);box-shadow:var(--shadow)}.github-button[data-v-79f84459]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--vue-primary)}.github-button .button-icon[data-v-79f84459]{width:1.25rem;height:1.25rem}.github-button .button-icon svg[data-v-79f84459]{width:100%;height:100%}.slide-fade-enter-active[data-v-79f84459]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-79f84459]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-79f84459]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-79f84459]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-79f84459]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-79f84459]{flex:none}.container[data-v-79f84459]{padding:0 1rem}.section-title[data-v-79f84459]{font-size:2rem}.tech-stack-grid[data-v-79f84459],.details-grid[data-v-79f84459]{grid-template-columns:1fr}.github-section[data-v-79f84459]{flex-direction:column;text-align:center}.skill-card[data-v-79f84459]{flex-direction:column;text-align:center;gap:1rem}.progress-circle[data-v-79f84459]{width:100px;height:100px}.skill-icon[data-v-79f84459]{width:50px;height:50px}}@media (max-width: 768px){.hero-section[data-v-79f84459]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-79f84459]{font-size:2rem}.hero-subtitle[data-v-79f84459]{font-size:1.125rem}.tech-badges[data-v-79f84459],.features-preview[data-v-79f84459]{justify-content:center}.card-header[data-v-79f84459]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-79f84459],.detail-card[data-v-79f84459]{padding:1.5rem}.toggle-button[data-v-79f84459]{padding:.75rem 1.5rem;font-size:1rem}.section-title[data-v-79f84459]{font-size:1.75rem}.card-title[data-v-79f84459]{font-size:1.5rem}.detail-header[data-v-79f84459]{flex-direction:column;gap:.5rem;text-align:center}.challenge-item[data-v-79f84459],.feature-item[data-v-79f84459]{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.hero-section[data-v-79f84459]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-79f84459]{font-size:1.75rem}.container[data-v-79f84459]{padding:0 .75rem}.card-header[data-v-79f84459],.card-content[data-v-79f84459],.detail-card[data-v-79f84459]{padding:1rem}.tech-category[data-v-79f84459]{padding:1.5rem}.skill-card[data-v-79f84459]{padding:1rem}.github-section[data-v-79f84459]{padding:1rem;gap:1rem}.toggle-button[data-v-79f84459],.github-button[data-v-79f84459]{width:100%;justify-content:center}.progress-circle[data-v-79f84459]{width:80px;height:80px}.skill-icon[data-v-79f84459]{width:35px;height:35px}.project-icon[data-v-79f84459]{width:150px;height:150px}.vue-logo[data-v-79f84459]{width:60px;height:60px}.triangle-1[data-v-79f84459]{border-left-width:20px;border-right-width:20px;border-bottom-width:35px}.triangle-2[data-v-79f84459]{border-left-width:15px;border-right-width:15px;border-bottom-width:20px;top:15px}}.toggle-button[data-v-79f84459]:focus-visible,.github-button[data-v-79f84459]:focus-visible{outline:2px solid var(--vue-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-79f84459]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-79f84459],.fade-in[data-v-79f84459],.feature-pill[data-v-79f84459],.tech-category[data-v-79f84459]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-79f84459]{background:linear-gradient(135deg,#2d5a3d,#1e3a2e)}.dark-mode .vue-pattern[data-v-79f84459]{background-image:radial-gradient(circle at 25% 25%,rgba(79,192,141,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(66,184,131,.1) 0%,transparent 50%)}.dark-mode .project-badge[data-v-79f84459],.dark-mode .tech-badge[data-v-79f84459]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .highlight-card[data-v-79f84459]{background:linear-gradient(135deg,var(--surface),rgba(79,192,141,.05));border-color:var(--vue-secondary)}.dark-mode .github-icon[data-v-79f84459]{background:var(--vue-primary);color:var(--text-primary)}.dark-mode .github-button[data-v-79f84459]{background:var(--vue-primary);color:#fff}.dark-mode .github-button[data-v-79f84459]:hover{background:var(--vue-secondary)}[data-v-79f84459]::-webkit-scrollbar{width:8px}[data-v-79f84459]::-webkit-scrollbar-track{background:var(--surface)}[data-v-79f84459]::-webkit-scrollbar-thumb{background:var(--vue-primary);border-radius:4px}[data-v-79f84459]::-webkit-scrollbar-thumb:hover{background:var(--vue-secondary)}.tech-category[data-v-79f84459]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--category-color),transparent);border-radius:var(--radius) var(--radius) 0 0}.skill-card[data-v-79f84459]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--category-color);border-radius:var(--radius) 0 0 var(--radius);transform:scaleY(0);transition:transform .3s ease}.skill-card[data-v-79f84459]:hover:before{transform:scaleY(1)}.tech-category[data-v-79f84459],.skill-card[data-v-79f84459]{position:relative}.details-section[data-v-79f84459]{overflow:hidden}.level-fill[data-v-79f84459]{background:linear-gradient(90deg,var(--category-color),rgba(var(--category-color),.6))}.feature-pill[data-v-79f84459]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--vue-primary);transform:scaleX(0);transition:transform .3s ease}.feature-pill[data-v-79f84459]:hover:before{transform:scaleX(1)}.feature-pill[data-v-79f84459]{position:relative;overflow:hidden}[data-v-0a105fbe]:root{--docker-primary: #2496ED;--docker-secondary: #326CE5;--docker-accent: #009639;--docker-warning: #FF6B35;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-0a105fbe]{--docker-primary: #5FB3F3;--docker-secondary: #4A90E2;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-0a105fbe]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-0a105fbe]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-0a105fbe]{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-0a105fbe]{opacity:1;transform:translateY(0)}.hero-background[data-v-0a105fbe]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--docker-primary) 0%,var(--docker-secondary) 100%)}.docker-pattern[data-v-0a105fbe]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(36,150,237,.1) 0%,transparent 50%);background-size:60px 60px}.hero-overlay[data-v-0a105fbe]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-0a105fbe]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-0a105fbe]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-0a105fbe]{font-size:1.2rem}.hero-title[data-v-0a105fbe]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-0a105fbe]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-0a105fbe]{display:flex;gap:2rem;flex-wrap:wrap}.stat-item[data-v-0a105fbe]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);min-width:100px}.stat-number[data-v-0a105fbe]{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-0a105fbe]{font-size:.875rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-0a105fbe]{flex:0 0 300px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.docker-animation[data-v-0a105fbe]{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.container-box[data-v-0a105fbe]{position:absolute;width:60px;height:60px;background:#ffffffe6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--docker-primary);box-shadow:var(--shadow-lg);animation:containerFloat-0a105fbe 3s ease-in-out infinite}.container-1[data-v-0a105fbe]{top:20px;left:50px;animation-delay:0s}.container-2[data-v-0a105fbe]{top:80px;right:30px;animation-delay:1s}.container-3[data-v-0a105fbe]{bottom:40px;left:30px;animation-delay:2s}.docker-whale[data-v-0a105fbe]{font-size:4rem;animation:whaleFloat-0a105fbe 4s ease-in-out infinite}@keyframes containerFloat-0a105fbe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes whaleFloat-0a105fbe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-5deg)}}.fade-in[data-v-0a105fbe]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-0a105fbe]{opacity:1;transform:translateY(0)}.section-header[data-v-0a105fbe]{text-align:center;margin-bottom:3rem}.section-title[data-v-0a105fbe]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-0a105fbe]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--docker-primary),var(--docker-secondary));border-radius:2px}.section-subtitle[data-v-0a105fbe]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-0a105fbe]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-0a105fbe]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header[data-v-0a105fbe]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-0a105fbe]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-0a105fbe]{font-size:2rem;opacity:.7}.card-content[data-v-0a105fbe]{padding:2rem}.description-grid[data-v-0a105fbe]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.project-description[data-v-0a105fbe]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.advantages-section[data-v-0a105fbe]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.advantages-title[data-v-0a105fbe]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.title-icon[data-v-0a105fbe]{font-size:1.2rem}.advantages-text[data-v-0a105fbe]{color:var(--text-secondary);line-height:1.6;margin:0}.project-visual[data-v-0a105fbe]{display:flex;justify-content:center}.visual-card[data-v-0a105fbe]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;width:100%;transition:var(--transition)}.visual-card[data-v-0a105fbe]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.visual-icon[data-v-0a105fbe]{font-size:3rem;margin-bottom:1rem}.visual-card h4[data-v-0a105fbe]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.visual-card p[data-v-0a105fbe]{color:var(--text-secondary);margin:0}.steps-section[data-v-0a105fbe]{margin:4rem 0}.steps-container[data-v-0a105fbe]{display:flex;justify-content:center}.steps-timeline[data-v-0a105fbe]{display:flex;flex-direction:column;gap:2rem;max-width:800px;width:100%}.step-item[data-v-0a105fbe]{position:relative;display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--transition);opacity:0;transform:translate(-30px)}.step-item.animated[data-v-0a105fbe]{opacity:1;transform:translate(0);animation:slideInLeft-0a105fbe .6s ease-out forwards;animation-delay:var(--delay)}@keyframes slideInLeft-0a105fbe{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.step-item[data-v-0a105fbe]:hover{transform:translate(5px);box-shadow:var(--shadow-lg);border-color:var(--step-color)}.step-number[data-v-0a105fbe]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--step-color);color:#fff;border-radius:50%;font-weight:800;font-size:1.5rem;flex-shrink:0;position:relative;box-shadow:var(--shadow-lg)}.step-icon[data-v-0a105fbe]{position:absolute;top:-8px;right:-8px;font-size:1.2rem;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.step-content[data-v-0a105fbe]{flex:1}.step-title[data-v-0a105fbe]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.step-description[data-v-0a105fbe]{color:var(--text-secondary);line-height:1.6}.step-connector[data-v-0a105fbe]{position:absolute;left:58px;bottom:-2rem;width:4px;height:2rem;background:linear-gradient(180deg,var(--step-color),var(--border));border-radius:2px}.technologies-section[data-v-0a105fbe]{margin:4rem 0}.tech-grid[data-v-0a105fbe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tech-card[data-v-0a105fbe]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-0a105fbe .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-0a105fbe{to{opacity:1;transform:translateY(0)}}.tech-card[data-v-0a105fbe]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--tech-color)}.tech-header[data-v-0a105fbe]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tech-icon[data-v-0a105fbe]{font-size:2.5rem;color:var(--tech-color)}.tech-name[data-v-0a105fbe]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.tech-description[data-v-0a105fbe]{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-style:italic}.tech-details[data-v-0a105fbe]{color:var(--text-primary);line-height:1.6}.tech-border[data-v-0a105fbe]{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-color),transparent);border-radius:var(--radius) var(--radius) 0 0}.challenges-section[data-v-0a105fbe]{margin:4rem 0}.challenges-grid[data-v-0a105fbe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.challenge-card[data-v-0a105fbe]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.challenge-card[data-v-0a105fbe]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--challenge-color)}.challenge-header[data-v-0a105fbe]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--challenge-color)}.challenge-icon[data-v-0a105fbe]{font-size:2.5rem;color:var(--challenge-color)}.challenge-title[data-v-0a105fbe]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.challenge-content[data-v-0a105fbe]{color:var(--text-secondary);line-height:1.7}.challenge-content p[data-v-0a105fbe]{margin:0}.challenge-glow[data-v-0a105fbe]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--challenge-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.challenge-card:hover .challenge-glow[data-v-0a105fbe]{opacity:.3}@media (max-width: 1024px){.hero-section[data-v-0a105fbe]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-0a105fbe]{flex:none}.container[data-v-0a105fbe]{padding:0 1rem}.description-grid[data-v-0a105fbe]{grid-template-columns:1fr;gap:1.5rem}.hero-stats[data-v-0a105fbe]{justify-content:center}.tech-grid[data-v-0a105fbe]{grid-template-columns:repeat(2,1fr)}.challenges-grid[data-v-0a105fbe]{grid-template-columns:1fr}.github-showcase[data-v-0a105fbe]{flex-direction:column;text-align:center}.steps-timeline[data-v-0a105fbe]{max-width:600px}}@media (max-width: 768px){.hero-section[data-v-0a105fbe]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-0a105fbe]{font-size:2rem}.hero-subtitle[data-v-0a105fbe]{font-size:1.125rem}.hero-stats[data-v-0a105fbe]{flex-direction:column;align-items:center;gap:1rem}.stat-item[data-v-0a105fbe]{width:200px}.docker-animation[data-v-0a105fbe]{width:200px;height:200px}.container-box[data-v-0a105fbe]{width:50px;height:50px;font-size:.875rem}.docker-whale[data-v-0a105fbe]{font-size:3rem}.section-title[data-v-0a105fbe]{font-size:2rem}.card-header[data-v-0a105fbe]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-0a105fbe]{padding:1.5rem}.tech-grid[data-v-0a105fbe]{grid-template-columns:1fr}.step-item[data-v-0a105fbe]{flex-direction:column;text-align:center;gap:1.5rem}.step-connector[data-v-0a105fbe]{display:none}.challenge-header[data-v-0a105fbe]{flex-direction:column;text-align:center;gap:.75rem}.github-info[data-v-0a105fbe]{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 480px){.hero-section[data-v-0a105fbe]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-0a105fbe]{font-size:1.75rem}.container[data-v-0a105fbe]{padding:0 .75rem}.card-header[data-v-0a105fbe],.card-content[data-v-0a105fbe]{padding:1rem}.step-item[data-v-0a105fbe]{padding:1.5rem}.step-number[data-v-0a105fbe]{width:60px;height:60px;font-size:1.25rem}.step-icon[data-v-0a105fbe]{width:24px;height:24px;font-size:1rem;top:-6px;right:-6px}.tech-card[data-v-0a105fbe],.challenge-card[data-v-0a105fbe]{padding:1.5rem}.github-showcase[data-v-0a105fbe]{padding:1rem}.docker-animation[data-v-0a105fbe]{width:150px;height:150px}.container-box[data-v-0a105fbe]{width:40px;height:40px;font-size:.75rem}.docker-whale[data-v-0a105fbe]{font-size:2.5rem}.repo-stats[data-v-0a105fbe]{justify-content:center}.github-button[data-v-0a105fbe]{width:100%;justify-content:center}}.github-button[data-v-0a105fbe]:focus-visible{outline:2px solid var(--docker-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-0a105fbe]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-0a105fbe],.fade-in[data-v-0a105fbe],.step-item[data-v-0a105fbe],.tech-card[data-v-0a105fbe]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-0a105fbe]{background:linear-gradient(135deg,#1a4d6b,#0f2d4a)}.dark-mode .docker-pattern[data-v-0a105fbe]{background-image:radial-gradient(circle at 25% 25%,rgba(95,179,243,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,144,226,.1) 0%,transparent 50%)}.dark-mode .project-badge[data-v-0a105fbe],.dark-mode .stat-item[data-v-0a105fbe]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .container-box[data-v-0a105fbe]{background:#ffffffe6;color:var(--docker-primary)}.dark-mode .highlight-card[data-v-0a105fbe]{background:linear-gradient(135deg,var(--surface),rgba(95,179,243,.05));border-color:var(--docker-primary)}.dark-mode .repo-icon[data-v-0a105fbe],.dark-mode .github-button[data-v-0a105fbe]{background:var(--docker-primary)}.dark-mode .github-button[data-v-0a105fbe]:hover{background:var(--docker-secondary)}[data-v-0a105fbe]::-webkit-scrollbar{width:8px}[data-v-0a105fbe]::-webkit-scrollbar-track{background:var(--surface)}[data-v-0a105fbe]::-webkit-scrollbar-thumb{background:var(--docker-primary);border-radius:4px}[data-v-0a105fbe]::-webkit-scrollbar-thumb:hover{background:var(--docker-secondary)}@keyframes pulse-0a105fbe{0%,to{opacity:1}50%{opacity:.7}}.docker-whale[data-v-0a105fbe]{animation:whaleFloat-0a105fbe 4s ease-in-out infinite,pulse-0a105fbe 2s ease-in-out infinite}.hero-section[data-v-0a105fbe]:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 30px 50px,rgba(36,150,237,.3),transparent),radial-gradient(2px 2px at 80px 30px,rgba(50,108,229,.2),transparent),radial-gradient(1px 1px at 120px 80px,rgba(0,150,57,.3),transparent);background-repeat:repeat;background-size:200px 150px;animation:containerFloat-0a105fbe 10s ease-in-out infinite;pointer-events:none;opacity:.6}.tech-card[data-v-0a105fbe]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--tech-color),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.tech-card[data-v-0a105fbe]:hover:before{opacity:.05}.step-item[data-v-0a105fbe]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--step-color);border-radius:0 var(--radius) var(--radius) 0;transform:scaleY(0);transition:transform .3s ease}.step-item[data-v-0a105fbe]:hover:before{transform:scaleY(1)}[data-v-bb54a8d1]:root{--iot-primary: #4ecdc4;--iot-secondary: #45b7b8;--iot-accent: #96ceb4;--iot-warning: #ffeaa7;--iot-danger: #ff7675;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-bb54a8d1]{--iot-primary: #5fb3f3;--iot-secondary: #4a90e2;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-bb54a8d1]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-bb54a8d1]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-bb54a8d1]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-bb54a8d1]{opacity:1;transform:translateY(0)}.hero-background[data-v-bb54a8d1]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--iot-primary) 0%,var(--iot-secondary) 100%)}.iot-pattern[data-v-bb54a8d1]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(78,205,196,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-bb54a8d1]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-bb54a8d1]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-bb54a8d1]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-bb54a8d1]{font-size:1.2rem}.hero-title[data-v-bb54a8d1]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-bb54a8d1]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-bb54a8d1]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-bb54a8d1]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-bb54a8d1]{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-bb54a8d1]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-bb54a8d1]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.iot-network[data-v-bb54a8d1]{position:relative;width:300px;height:300px}.central-hub[data-v-bb54a8d1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;color:var(--iot-primary);box-shadow:var(--shadow-lg);animation:pulse-bb54a8d1 2s ease-in-out infinite}.hub-icon[data-v-bb54a8d1]{font-size:1.8rem;margin-bottom:.25rem}.hub-label[data-v-bb54a8d1]{font-size:.7rem}.sensor-nodes[data-v-bb54a8d1]{position:relative;width:100%;height:100%}.sensor-node[data-v-bb54a8d1]{position:absolute;width:50px;height:50px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color);box-shadow:var(--shadow);animation:nodeFloat-bb54a8d1 3s ease-in-out infinite;animation-delay:var(--delay);top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)))}.node-icon[data-v-bb54a8d1]{font-size:1.2rem}.connection-line[data-v-bb54a8d1]{position:absolute;width:2px;height:70px;background:linear-gradient(90deg,var(--color),transparent);top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(-35px);opacity:.6}@keyframes pulse-bb54a8d1{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes nodeFloat-bb54a8d1{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) translateY(0)}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) translateY(-5px)}}.fade-in[data-v-bb54a8d1]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-bb54a8d1]{opacity:1;transform:translateY(0)}.section-header[data-v-bb54a8d1]{text-align:center;margin-bottom:3rem}.section-title[data-v-bb54a8d1]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-bb54a8d1]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--iot-primary),var(--iot-secondary));border-radius:2px}.section-subtitle[data-v-bb54a8d1]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-bb54a8d1]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header[data-v-bb54a8d1]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-bb54a8d1]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-bb54a8d1]{font-size:2rem;opacity:.7}.card-content[data-v-bb54a8d1]{padding:2rem}.description-grid[data-v-bb54a8d1]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-bb54a8d1]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-bb54a8d1]{font-size:1.3rem}.objectives-list[data-v-bb54a8d1]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-bb54a8d1]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6}.objectives-list li[data-v-bb54a8d1]:before{content:"✓";background:var(--iot-primary);color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.architecture-info[data-v-bb54a8d1]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.architecture-info h4[data-v-bb54a8d1]{color:var(--iot-primary);margin:0 0 .5rem;font-size:1.125rem}.architecture-info p[data-v-bb54a8d1]{margin:0;line-height:1.6;color:var(--text-secondary)}.project-highlights[data-v-bb54a8d1]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-bb54a8d1]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--iot-primary)}.highlight-icon[data-v-bb54a8d1]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-bb54a8d1]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-bb54a8d1]{color:var(--text-secondary);margin:0;font-size:.875rem}.toggle-button[data-v-bb54a8d1]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--iot-primary),var(--iot-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-bb54a8d1]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-bb54a8d1]{transform:rotate(180deg)}.button-icon svg[data-v-bb54a8d1]{width:100%;height:100%}.sensors-section[data-v-bb54a8d1]{margin:4rem 0}.sensors-grid[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.sensor-card[data-v-bb54a8d1]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem 1.5rem;text-align:center;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden;animation:slideInUp-bb54a8d1 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-bb54a8d1{to{opacity:1;transform:translateY(0)}}.sensor-card[data-v-bb54a8d1]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--sensor-color)}.sensor-icon[data-v-bb54a8d1]{font-size:2.5rem;margin-bottom:1rem;color:var(--sensor-color)}.sensor-name[data-v-bb54a8d1]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.sensor-description[data-v-bb54a8d1]{color:var(--text-secondary);margin:0;font-size:.875rem}.sensor-border[data-v-bb54a8d1]{position:absolute;top:0;left:0;right:0;height:4px;background:var(--sensor-color);border-radius:var(--radius) var(--radius) 0 0}.features-section[data-v-bb54a8d1]{margin:4rem 0}.features-grid[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-bb54a8d1]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-bb54a8d1 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.feature-card[data-v-bb54a8d1]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-bb54a8d1]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-bb54a8d1]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-bb54a8d1]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-bb54a8d1]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-bb54a8d1]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-bb54a8d1]{opacity:.2}.phases-section[data-v-bb54a8d1]{margin:4rem 0}.phases-grid[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.phase-card[data-v-bb54a8d1]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);border-left:4px solid var(--phase-color)}.phase-card[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.phase-header[data-v-bb54a8d1]{margin-bottom:2rem}.phase-badge[data-v-bb54a8d1]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--phase-color);color:var(--text-primary);border-radius:2rem;font-weight:600;margin-bottom:1rem}.phase-icon[data-v-bb54a8d1]{font-size:1.2rem}.phase-title[data-v-bb54a8d1]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.phase-features[data-v-bb54a8d1]{display:flex;flex-direction:column;gap:.75rem}.phase-feature[data-v-bb54a8d1]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--background);border-radius:.5rem;border:1px solid var(--border);transition:var(--transition)}.phase-feature[data-v-bb54a8d1]:hover{transform:translate(3px);border-color:var(--phase-color)}.feature-bullet[data-v-bb54a8d1]{width:8px;height:8px;background:var(--phase-color);border-radius:50%;flex-shrink:0;margin-top:.5rem}.tech-stack-grid[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-bb54a8d1]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-bb54a8d1 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-bb54a8d1]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-bb54a8d1]{font-size:2rem;color:var(--category-color)}.category-title[data-v-bb54a8d1]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-bb54a8d1]{display:grid;gap:1.5rem}.skill-card[data-v-bb54a8d1]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-bb54a8d1]{flex-shrink:0}.progress-circle[data-v-bb54a8d1]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-bb54a8d1]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-bb54a8d1]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-bb54a8d1]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-bb54a8d1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-bb54a8d1]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-bb54a8d1]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-bb54a8d1]{flex:1}.skill-name[data-v-bb54a8d1]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-bb54a8d1]{margin:4rem 0}.architecture-details[data-v-bb54a8d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-bb54a8d1]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-bb54a8d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-bb54a8d1]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--iot-primary)}.component-header h4[data-v-bb54a8d1]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-bb54a8d1]{list-style:none;padding:0;margin:0}.arch-component li[data-v-bb54a8d1]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-bb54a8d1]:last-child{border-bottom:none}.arch-component li[data-v-bb54a8d1]:before{content:"▶";color:var(--iot-primary);font-size:.75rem;margin-right:.75rem}.slide-fade-enter-active[data-v-bb54a8d1]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-bb54a8d1]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-bb54a8d1]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-bb54a8d1]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-bb54a8d1]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-bb54a8d1]{flex:none}.container[data-v-bb54a8d1]{padding:0 1rem}.description-grid[data-v-bb54a8d1]{grid-template-columns:1fr;gap:2rem}.hero-stats[data-v-bb54a8d1]{grid-template-columns:repeat(4,1fr);max-width:none}.sensors-grid[data-v-bb54a8d1]{grid-template-columns:repeat(3,1fr)}.features-grid[data-v-bb54a8d1]{grid-template-columns:repeat(2,1fr)}.phases-grid[data-v-bb54a8d1],.tech-stack-grid[data-v-bb54a8d1],.architecture-details[data-v-bb54a8d1]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-bb54a8d1]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-bb54a8d1]{font-size:2rem}.hero-subtitle[data-v-bb54a8d1]{font-size:1.125rem}.hero-stats[data-v-bb54a8d1]{grid-template-columns:repeat(2,1fr)}.iot-network[data-v-bb54a8d1]{width:250px;height:250px}.central-hub[data-v-bb54a8d1]{width:60px;height:60px}.sensor-node[data-v-bb54a8d1]{width:40px;height:40px;font-size:1rem}.section-title[data-v-bb54a8d1]{font-size:2rem}.sensors-grid[data-v-bb54a8d1]{grid-template-columns:repeat(2,1fr)}.features-grid[data-v-bb54a8d1]{grid-template-columns:1fr}.card-header[data-v-bb54a8d1]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-bb54a8d1]{padding:1.5rem}.skill-card[data-v-bb54a8d1]{flex-direction:column;text-align:center;gap:1rem}.progress-circle[data-v-bb54a8d1]{width:100px;height:100px}.skill-icon[data-v-bb54a8d1]{width:50px;height:50px}}@media (max-width: 480px){.hero-section[data-v-bb54a8d1]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-bb54a8d1]{font-size:1.75rem}.container[data-v-bb54a8d1]{padding:0 .75rem}.sensors-grid[data-v-bb54a8d1]{grid-template-columns:1fr}.hero-stats[data-v-bb54a8d1]{grid-template-columns:1fr;gap:.75rem}.card-header[data-v-bb54a8d1],.card-content[data-v-bb54a8d1]{padding:1rem}.phase-card[data-v-bb54a8d1],.tech-category[data-v-bb54a8d1]{padding:1.5rem}.toggle-button[data-v-bb54a8d1]{width:100%;justify-content:center}.iot-network[data-v-bb54a8d1]{width:200px;height:200px}.central-hub[data-v-bb54a8d1]{width:50px;height:50px}.hub-icon[data-v-bb54a8d1]{font-size:1.2rem}.hub-label[data-v-bb54a8d1]{font-size:.6rem}.sensor-node[data-v-bb54a8d1]{width:35px;height:35px;font-size:.9rem}}.toggle-button[data-v-bb54a8d1]:focus-visible{outline:2px solid var(--iot-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-bb54a8d1]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-bb54a8d1],.fade-in[data-v-bb54a8d1],.sensor-card[data-v-bb54a8d1],.feature-card[data-v-bb54a8d1],.tech-category[data-v-bb54a8d1]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-bb54a8d1]{background:linear-gradient(135deg,#1a4d4a,#0f3a3a)}.dark-mode .iot-pattern[data-v-bb54a8d1]{background-image:radial-gradient(circle at 25% 25%,rgba(78,205,196,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(69,183,184,.1) 0%,transparent 50%)}.dark-mode .project-badge[data-v-bb54a8d1],.dark-mode .stat-item[data-v-bb54a8d1]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .central-hub[data-v-bb54a8d1],.dark-mode .sensor-node[data-v-bb54a8d1]{background:#ffffffe6;color:var(--iot-primary)}[data-v-bb54a8d1]::-webkit-scrollbar{width:8px}[data-v-bb54a8d1]::-webkit-scrollbar-track{background:var(--surface)}[data-v-bb54a8d1]::-webkit-scrollbar-thumb{background:var(--iot-primary);border-radius:4px}[data-v-bb54a8d1]::-webkit-scrollbar-thumb:hover{background:var(--iot-secondary)}.sensor-card[data-v-bb54a8d1]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--sensor-color),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.sensor-card[data-v-bb54a8d1]:hover:before{opacity:.03}.phase-card[data-v-bb54a8d1]:hover:before{width:8px}[data-v-ffadd2a7]:root{--java-primary: #f89820;--java-secondary: #ed8b00;--spring-green: #6db33f;--vaadin-blue: #00b4f0;--postgres-blue: #336791;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-ffadd2a7]{--java-primary: #ffa544;--java-secondary: #f89820;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-ffadd2a7]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-ffadd2a7]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-ffadd2a7]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-ffadd2a7]{opacity:1;transform:translateY(0)}.hero-background[data-v-ffadd2a7]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--java-primary) 0%,var(--java-secondary) 100%)}.java-pattern[data-v-ffadd2a7]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(248,152,32,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-ffadd2a7]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-ffadd2a7]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-ffadd2a7]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-ffadd2a7]{font-size:1.2rem}.hero-title[data-v-ffadd2a7]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-ffadd2a7]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-ffadd2a7]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-ffadd2a7]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-ffadd2a7]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-ffadd2a7]{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-ffadd2a7]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-ffadd2a7]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.java-ecosystem[data-v-ffadd2a7]{position:relative;width:300px;height:300px}.central-java[data-v-ffadd2a7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#ffffffe6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;color:var(--java-primary);box-shadow:var(--shadow-lg);animation:pulse-ffadd2a7 3s ease-in-out infinite}.java-logo[data-v-ffadd2a7]{font-size:2.5rem;margin-bottom:.25rem}.java-label[data-v-ffadd2a7]{font-size:.9rem}.tech-orbit[data-v-ffadd2a7]{position:relative;width:100%;height:100%}.tech-node[data-v-ffadd2a7]{position:absolute;width:70px;height:70px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);animation:orbitFloat-ffadd2a7 4s ease-in-out infinite;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)))}.tech-icon[data-v-ffadd2a7]{width:40px;height:40px;object-fit:contain}@keyframes pulse-ffadd2a7{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes orbitFloat-ffadd2a7{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) translateY(0)}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) translateY(-8px)}}.fade-in[data-v-ffadd2a7]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-ffadd2a7]{opacity:1;transform:translateY(0)}.section-header[data-v-ffadd2a7]{text-align:center;margin-bottom:3rem}.section-title[data-v-ffadd2a7]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-ffadd2a7]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--java-primary),var(--spring-green));border-radius:2px}.section-subtitle[data-v-ffadd2a7]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-ffadd2a7]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.highlight-card[data-v-ffadd2a7]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--java-primary)}.card-header[data-v-ffadd2a7]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-ffadd2a7]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-ffadd2a7]{font-size:2rem;opacity:.7}.card-content[data-v-ffadd2a7]{padding:2rem}.description-grid[data-v-ffadd2a7]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-ffadd2a7]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-ffadd2a7]{font-size:1.3rem}.refactor-info[data-v-ffadd2a7]{margin-bottom:2rem}.refactor-info p[data-v-ffadd2a7]{line-height:1.6;color:var(--text-secondary);background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);margin:0}.objectives-list[data-v-ffadd2a7]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-ffadd2a7]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;color:var(--text-secondary)}.objectives-list li[data-v-ffadd2a7]:before{content:"✓";background:var(--java-primary);color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.project-highlights[data-v-ffadd2a7]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-ffadd2a7]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--java-primary)}.highlight-icon[data-v-ffadd2a7]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-ffadd2a7]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-ffadd2a7]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.toggle-button[data-v-ffadd2a7]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--java-primary),var(--java-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-ffadd2a7]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-ffadd2a7]{transform:rotate(180deg)}.button-icon svg[data-v-ffadd2a7]{width:100%;height:100%}.advantages-section[data-v-ffadd2a7]{margin:4rem 0}.advantages-grid[data-v-ffadd2a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.advantage-card[data-v-ffadd2a7]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-ffadd2a7 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-ffadd2a7{to{opacity:1;transform:translateY(0)}}.advantage-card[data-v-ffadd2a7]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--advantage-color)}.advantage-header[data-v-ffadd2a7]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.advantage-icon[data-v-ffadd2a7]{font-size:2.5rem;color:var(--advantage-color)}.advantage-title[data-v-ffadd2a7]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.advantage-description[data-v-ffadd2a7]{color:var(--text-secondary);line-height:1.6;margin:0}.advantage-glow[data-v-ffadd2a7]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--advantage-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.advantage-card:hover .advantage-glow[data-v-ffadd2a7]{opacity:.2}.features-section[data-v-ffadd2a7]{margin:4rem 0}.features-grid[data-v-ffadd2a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-ffadd2a7]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-ffadd2a7 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.feature-card[data-v-ffadd2a7]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-ffadd2a7]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-ffadd2a7]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-ffadd2a7]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-ffadd2a7]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-ffadd2a7]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-ffadd2a7]{opacity:.2}.tech-stack-grid[data-v-ffadd2a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-ffadd2a7]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-ffadd2a7 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-ffadd2a7]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-ffadd2a7]{font-size:2rem;color:var(--category-color)}.category-title[data-v-ffadd2a7]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-ffadd2a7]{display:grid;gap:1.5rem}.skill-card[data-v-ffadd2a7]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-ffadd2a7]{flex-shrink:0}.progress-circle[data-v-ffadd2a7]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-ffadd2a7]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-ffadd2a7]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-ffadd2a7]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-ffadd2a7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-ffadd2a7]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-ffadd2a7]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-ffadd2a7]{flex:1}.skill-name[data-v-ffadd2a7]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-ffadd2a7]{margin:4rem 0}.architecture-details[data-v-ffadd2a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-ffadd2a7]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-ffadd2a7]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-ffadd2a7]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--java-primary)}.component-header h4[data-v-ffadd2a7]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-ffadd2a7]{list-style:none;padding:0;margin:0}.arch-component li[data-v-ffadd2a7]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-ffadd2a7]:last-child{border-bottom:none}.arch-component li[data-v-ffadd2a7]:before{content:"▶";color:var(--java-primary);font-size:.75rem;margin-right:.75rem}.slide-fade-enter-active[data-v-ffadd2a7]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-ffadd2a7]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-ffadd2a7]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-ffadd2a7]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-ffadd2a7]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-ffadd2a7]{flex:none}.container[data-v-ffadd2a7]{padding:0 1rem}.description-grid[data-v-ffadd2a7]{grid-template-columns:1fr;gap:2rem}.hero-stats[data-v-ffadd2a7]{grid-template-columns:repeat(2,1fr);max-width:none}.advantages-grid[data-v-ffadd2a7],.features-grid[data-v-ffadd2a7]{grid-template-columns:repeat(2,1fr)}.tech-stack-grid[data-v-ffadd2a7],.architecture-details[data-v-ffadd2a7]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-ffadd2a7]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-ffadd2a7]{font-size:2rem}.hero-subtitle[data-v-ffadd2a7]{font-size:1.125rem}.java-ecosystem[data-v-ffadd2a7]{width:250px;height:250px}.central-java[data-v-ffadd2a7]{width:80px;height:80px}.java-logo[data-v-ffadd2a7]{font-size:2rem}.tech-node[data-v-ffadd2a7]{width:60px;height:60px}.tech-icon[data-v-ffadd2a7]{width:35px;height:35px}.section-title[data-v-ffadd2a7]{font-size:2rem}.advantages-grid[data-v-ffadd2a7],.features-grid[data-v-ffadd2a7]{grid-template-columns:1fr}.card-header[data-v-ffadd2a7]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-ffadd2a7]{padding:1.5rem}.skill-card[data-v-ffadd2a7]{flex-direction:column;text-align:center;gap:1rem}.github-section[data-v-ffadd2a7]{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){.hero-section[data-v-ffadd2a7]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-ffadd2a7]{font-size:1.75rem}.container[data-v-ffadd2a7]{padding:0 .75rem}.card-header[data-v-ffadd2a7],.card-content[data-v-ffadd2a7]{padding:1rem}.toggle-button[data-v-ffadd2a7]{width:100%;justify-content:center}.java-ecosystem[data-v-ffadd2a7]{width:200px;height:200px}.central-java[data-v-ffadd2a7]{width:70px;height:70px}.tech-node[data-v-ffadd2a7]{width:50px;height:50px}.tech-icon[data-v-ffadd2a7]{width:30px;height:30px}}.toggle-button[data-v-ffadd2a7]:focus-visible,.github-button[data-v-ffadd2a7]:focus-visible{outline:2px solid var(--java-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-ffadd2a7]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-ffadd2a7],.fade-in[data-v-ffadd2a7],.advantage-card[data-v-ffadd2a7],.feature-card[data-v-ffadd2a7],.tech-category[data-v-ffadd2a7]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-ffadd2a7]{background:linear-gradient(135deg,#cc7a1a,#b8690f)}.dark-mode .java-pattern[data-v-ffadd2a7]{background-image:radial-gradient(circle at 25% 25%,rgba(248,152,32,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(237,139,0,.15) 0%,transparent 50%)}.dark-mode .project-badge[data-v-ffadd2a7],.dark-mode .stat-item[data-v-ffadd2a7]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .central-java[data-v-ffadd2a7],.dark-mode .tech-node[data-v-ffadd2a7]{background:#ffffffe6;color:var(--java-primary)}[data-v-ffadd2a7]::-webkit-scrollbar{width:8px}[data-v-ffadd2a7]::-webkit-scrollbar-track{background:var(--surface)}[data-v-ffadd2a7]::-webkit-scrollbar-thumb{background:var(--java-primary);border-radius:4px}[data-v-ffadd2a7]::-webkit-scrollbar-thumb:hover{background:var(--java-secondary)}[data-v-e1896787]:root{--creative-primary: #8b5cf6;--creative-secondary: #06b6d4;--creative-accent: #f59e0b;--github-color: #2ff63c;--linkedin-color: #2af;--instagram-color: #e1306c;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-e1896787]{--creative-primary: #a78bfa;--creative-secondary: #22d3ee;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-e1896787]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-e1896787]{max-width:1400px;margin:0 auto;padding:0 2rem}.hero-section[data-v-e1896787]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-e1896787]{opacity:1;transform:translateY(0)}.hero-background[data-v-e1896787]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--creative-primary) 0%,var(--creative-secondary) 100%)}.creative-pattern[data-v-e1896787]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);background-size:120px 120px;animation:patternMove-e1896787 20s ease-in-out infinite}@keyframes patternMove-e1896787{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(20px) translateY(-20px)}}.hero-overlay[data-v-e1896787]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-e1896787]{flex:1;position:relative;z-index:2;color:#fff;max-width:700px}.project-badge[data-v-e1896787]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-e1896787]{font-size:1.2rem}.hero-title[data-v-e1896787]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-e1896787]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.categories-nav[data-v-e1896787]{display:flex;gap:1rem;flex-wrap:wrap}.category-btn[data-v-e1896787]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.category-btn[data-v-e1896787]:hover,.category-btn.active[data-v-e1896787]{background:#fff3;border-color:var(--category-color);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.category-icon[data-v-e1896787]{font-size:1.2rem}.hero-visual[data-v-e1896787]{flex:0 0 400px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.techniques-showcase[data-v-e1896787]{display:flex;flex-direction:column;gap:1rem;animation:float-e1896787 3s ease-in-out infinite}@keyframes float-e1896787{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.technique-pill[data-v-e1896787]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);animation:slideInRight-e1896787 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translate(30px)}@keyframes slideInRight-e1896787{to{opacity:1;transform:translate(0)}}.technique-icon[data-v-e1896787]{font-size:1.5rem;flex-shrink:0}.technique-info[data-v-e1896787]{flex:1}.technique-name[data-v-e1896787]{font-weight:600;margin-bottom:.25rem}.technique-desc[data-v-e1896787]{font-size:.875rem;opacity:.8}.fade-in[data-v-e1896787]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-e1896787]{opacity:1;transform:translateY(0)}.project-section[data-v-e1896787]{margin:6rem 0;scroll-margin-top:2rem}.section-header[data-v-e1896787]{text-align:center;margin-bottom:4rem}.section-title[data-v-e1896787]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative}.section-title[data-v-e1896787]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--creative-primary),var(--creative-secondary));border-radius:2px}.section-subtitle[data-v-e1896787]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.threejs-container[data-v-e1896787]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.viewer-card[data-v-e1896787]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-xl);overflow:hidden;transition:var(--transition)}.viewer-card[data-v-e1896787]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.viewer-header[data-v-e1896787]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--background);border-bottom:1px solid var(--border)}.viewer-title[data-v-e1896787]{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary)}.viewer-icon[data-v-e1896787]{font-size:1.2rem}.viewer-controls[data-v-e1896787]{display:flex;gap:.5rem}.control-btn[data-v-e1896787]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.control-btn[data-v-e1896787]:hover{background:var(--creative-primary);color:#fff;border-color:var(--creative-primary)}.control-btn svg[data-v-e1896787]{width:1rem;height:1rem}.viewer-content[data-v-e1896787]{position:relative}.threejs-viewport[data-v-e1896787]{position:relative;width:100%;height:400px;background:#0a0a0a;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.loading-overlay[data-v-e1896787]{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10}.loading-spinner[data-v-e1896787]{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--creative-primary);border-radius:50%;animation:spin-e1896787 1s linear infinite;margin-bottom:1rem}@keyframes spin-e1896787{to{transform:rotate(360deg)}}.loading-text[data-v-e1896787]{font-size:1.125rem;margin-bottom:1rem}.loading-bar[data-v-e1896787]{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.loading-progress[data-v-e1896787]{height:100%;background:var(--creative-primary);width:0%;transition:width .3s ease}.viewer-info[data-v-e1896787]{display:flex;justify-content:space-around;padding:1rem;background:#8b5cf60d;border-top:1px solid var(--border)}.info-item[data-v-e1896787]{text-align:center}.info-label[data-v-e1896787]{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.info-value[data-v-e1896787]{font-weight:600;color:var(--text-primary);font-size:.875rem}.viewer-footer[data-v-e1896787]{padding:1rem 1.5rem;background:var(--background);border-top:1px solid var(--border)}.feature-tags[data-v-e1896787]{display:flex;gap:.75rem;flex-wrap:wrap}.feature-tag[data-v-e1896787]{padding:.25rem .75rem;background:var(--creative-primary);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:500}.tech-specs[data-v-e1896787]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg)}.specs-title[data-v-e1896787]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.specs-grid[data-v-e1896787]{display:flex;flex-direction:column;gap:1.5rem}.spec-item[data-v-e1896787]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.spec-item[data-v-e1896787]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--creative-primary)}.spec-icon[data-v-e1896787]{font-size:2rem;flex-shrink:0}.spec-content h4[data-v-e1896787]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.spec-content p[data-v-e1896787]{color:var(--text-secondary);line-height:1.6;margin:0}.animations-container[data-v-e1896787]{display:grid;gap:4rem}.animations-showcase[data-v-e1896787]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg)}.showcase-header[data-v-e1896787]{text-align:center;margin-bottom:3rem}.showcase-title[data-v-e1896787]{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.showcase-description[data-v-e1896787]{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.logos-grid[data-v-e1896787]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.logo-section[data-v-e1896787]{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;text-align:center;transition:var(--transition)}.logo-section[data-v-e1896787]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.logo-header[data-v-e1896787]{margin-bottom:1rem}.logo-header h4[data-v-e1896787]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.logo-containerbas[data-v-e1896787]{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader[data-v-e1896787]{width:120px;height:120px;transition:var(--transition)}.loader[data-v-e1896787]:hover{transform:scale(1.1)}.logo-info h5[data-v-e1896787]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.logo-info p[data-v-e1896787]{font-size:.875rem;color:var(--text-secondary);margin:0}.github-loader .githubiconcdash path[data-v-e1896787]{stroke:var(--github-color);stroke-width:1px;stroke-linecap:round;animation:dashArray-e1896787 3s ease-in-out infinite}.linkedin-loader .dash path[data-v-e1896787]{stroke:var(--linkedin-color);stroke-width:1px;stroke-linecap:round;animation:dashArray-e1896787 4s ease-in-out infinite}.instagram-loader .instadashicone path[data-v-e1896787]{stroke:var(--instagram-color);stroke-width:40;stroke-linecap:round;animation:dashArray-e1896787 4s ease-in-out infinite}@keyframes dashArray-e1896787{0%{stroke-dasharray:0 1 359 0}50%{stroke-dasharray:0 359 1 0}to{stroke-dasharray:359 1 0 0}}.animation-details[data-v-e1896787]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg)}.details-title[data-v-e1896787]{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.techniques-grid[data-v-e1896787]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.technique-card[data-v-e1896787]{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;text-align:center;transition:var(--transition)}.technique-card[data-v-e1896787]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--creative-primary)}.technique-icon-large[data-v-e1896787]{font-size:3rem;margin-bottom:1rem}.technique-card h4[data-v-e1896787]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.technique-card p[data-v-e1896787]{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.code-snippet[data-v-e1896787]{background:#1e293b;border-radius:.375rem;padding:1rem;font-family:Monaco,Menlo,monospace}.code-snippet code[data-v-e1896787]{color:#22d3ee;font-size:.875rem}@media (max-width: 1024px){.hero-section[data-v-e1896787]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-e1896787]{flex:none}.container[data-v-e1896787]{padding:0 1rem}.threejs-container[data-v-e1896787]{grid-template-columns:1fr;gap:2rem}.logos-grid[data-v-e1896787]{grid-template-columns:repeat(2,1fr)}.techniques-grid[data-v-e1896787]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-e1896787]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-e1896787]{font-size:2rem}.hero-subtitle[data-v-e1896787]{font-size:1.125rem}.categories-nav[data-v-e1896787]{flex-direction:column;align-items:center}.category-btn[data-v-e1896787]{width:100%;justify-content:center}.techniques-showcase[data-v-e1896787]{gap:.75rem}.technique-pill[data-v-e1896787]{padding:.75rem 1rem}.section-title[data-v-e1896787]{font-size:2rem}.threejs-viewport[data-v-e1896787]{height:300px}.viewer-info[data-v-e1896787]{flex-direction:column;gap:1rem}.logos-grid[data-v-e1896787]{grid-template-columns:1fr}.loader[data-v-e1896787]{width:100px;height:100px}.specs-grid[data-v-e1896787]{gap:1rem}.spec-item[data-v-e1896787]{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.hero-section[data-v-e1896787]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-e1896787]{font-size:1.75rem}.container[data-v-e1896787]{padding:0 .75rem}.viewer-card[data-v-e1896787],.tech-specs[data-v-e1896787],.animations-showcase[data-v-e1896787],.animation-details[data-v-e1896787]{padding:1rem}.threejs-viewport[data-v-e1896787]{height:250px}.technique-card[data-v-e1896787]{padding:1.5rem}.feature-tags[data-v-e1896787]{justify-content:center}.code-snippet[data-v-e1896787]{padding:.75rem}.code-snippet code[data-v-e1896787]{font-size:.75rem}}.category-btn[data-v-e1896787]:focus-visible,.control-btn[data-v-e1896787]:focus-visible{outline:2px solid var(--creative-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-e1896787]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-e1896787],.fade-in[data-v-e1896787],.technique-pill[data-v-e1896787]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-e1896787]{background:linear-gradient(135deg,#4c1d95,#0e7490)}.dark-mode .creative-pattern[data-v-e1896787]{background-image:radial-gradient(circle at 25% 25%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(34,211,238,.1) 0%,transparent 50%)}.dark-mode .project-badge[data-v-e1896787],.dark-mode .category-btn[data-v-e1896787],.dark-mode .technique-pill[data-v-e1896787]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .threejs-viewport[data-v-e1896787]{background:#020617}.dark-mode .code-snippet[data-v-e1896787]{background:#0f172a}[data-v-e1896787]::-webkit-scrollbar{width:8px}[data-v-e1896787]::-webkit-scrollbar-track{background:var(--surface)}[data-v-e1896787]::-webkit-scrollbar-thumb{background:var(--creative-primary);border-radius:4px}[data-v-e1896787]::-webkit-scrollbar-thumb:hover{background:var(--creative-secondary)}#container3D[data-v-e1896787]{width:100%;height:100%;overflow:hidden}#containerLogo[data-v-e1896787]{position:relative;display:flex;align-items:center;justify-content:center}.fade-in[data-v-e1896787]{opacity:1!important;transform:none!important}[data-v-f7d2ecb5]:root{--primary: #3b82f6;--primary-dark: #1d4ed8;--secondary: #f1f5f9;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .75rem;--spacing: 1.5rem}.dark-mode[data-v-f7d2ecb5]{--primary: #60a5fa;--primary-dark: #3b82f6;--secondary: #1e293b;--accent: #06b6d4;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}[data-v-f7d2ecb5]{box-sizing:border-box}.page-wrapper[data-v-f7d2ecb5]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-f7d2ecb5]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-f7d2ecb5]{display:flex;align-items:center;justify-content:space-between;min-height:60vh;padding:4rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-primary);position:relative;overflow:hidden}.hero-section[data-v-f7d2ecb5]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(0,0,0,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.dark-mode .hero-section[data-v-f7d2ecb5]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>')}.hero-content[data-v-f7d2ecb5]{flex:1;position:relative;z-index:2;max-width:600px}.hero-badge[data-v-f7d2ecb5]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-f7d2ecb5]{font-size:1.2rem}.hero-title[data-v-f7d2ecb5]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-f7d2ecb5]{font-size:1.25rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.hero-visual[data-v-f7d2ecb5]{flex:0 0 300px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.security-icon[data-v-f7d2ecb5]{width:200px;height:200px;display:flex;justify-content:center;align-items:center;background:var(--text-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;animation:float-f7d2ecb5 3s ease-in-out infinite}@keyframes float-f7d2ecb5{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.lock-animation[data-v-f7d2ecb5]{position:relative;width:80px;height:80px}.lock-body[data-v-f7d2ecb5]{width:60px;height:40px;background:var(--sidebar-bg-color);border-radius:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lock-shackle[data-v-f7d2ecb5]{width:40px;height:40px;border:8px solid var(--sidebar-bg-color);border-bottom:none;border-radius:20px 20px 0 0;position:absolute;top:0;left:50%;transform:translate(-50%);animation:shake-f7d2ecb5 2s ease-in-out infinite}@keyframes shake-f7d2ecb5{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}}.project-section[data-v-f7d2ecb5]{margin:4rem 0;opacity:0;transform:translateY(30px);transition:all .6s ease}.project-section.animate-in[data-v-f7d2ecb5]{opacity:1;transform:translateY(0)}.section-header[data-v-f7d2ecb5]{text-align:center;margin-bottom:3rem}.section-title[data-v-f7d2ecb5]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative}.section-title[data-v-f7d2ecb5]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.content-card[data-v-f7d2ecb5]{background:var(--surface);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.content-card[data-v-f7d2ecb5]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.description[data-v-f7d2ecb5]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.features-grid[data-v-f7d2ecb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-card[data-v-f7d2ecb5]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.feature-card[data-v-f7d2ecb5]:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}.feature-icon[data-v-f7d2ecb5]{font-size:1.5rem;width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-content[data-v-f7d2ecb5]{flex:1;color:var(--text-primary);line-height:1.6}.security-highlight[data-v-f7d2ecb5]{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--success),#065f46);color:var(--text-primary);border-radius:var(--radius);margin-top:2rem}.highlight-icon[data-v-f7d2ecb5]{font-size:1.5rem;flex-shrink:0}.tech-stack[data-v-f7d2ecb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tech-category[data-v-f7d2ecb5]{text-align:center;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.tech-category[data-v-f7d2ecb5]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tech-category h3[data-v-f7d2ecb5]{font-size:1.25rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.tech-item[data-v-f7d2ecb5]{color:var(--text-secondary);line-height:1.6}.toggle-section[data-v-f7d2ecb5]{display:flex;justify-content:center;margin:3rem 0}.toggle-button[data-v-f7d2ecb5]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.toggle-button[data-v-f7d2ecb5]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-f7d2ecb5]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-f7d2ecb5]{transform:rotate(180deg)}.button-icon svg[data-v-f7d2ecb5]{width:100%;height:100%}.slide-fade-enter-active[data-v-f7d2ecb5]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-f7d2ecb5]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-f7d2ecb5]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-f7d2ecb5]{transform:translateY(-10px);opacity:0}.details-section[data-v-f7d2ecb5]{margin:2rem 0}.features-list[data-v-f7d2ecb5]{display:grid;gap:1rem;margin-bottom:2rem}.feature-item[data-v-f7d2ecb5]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.feature-item[data-v-f7d2ecb5]:hover{transform:translate(5px);border-color:var(--primary)}.feature-bullet[data-v-f7d2ecb5]{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0}.challenges-grid[data-v-f7d2ecb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.challenge-card[data-v-f7d2ecb5]{padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:all .3s ease}.challenge-card[data-v-f7d2ecb5]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.challenge-icon[data-v-f7d2ecb5]{font-size:2rem;margin-bottom:1rem}.skills-section[data-v-f7d2ecb5]{margin:4rem 0}.skills-container[data-v-f7d2ecb5]{display:grid;gap:3rem}.skill-category[data-v-f7d2ecb5]{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.category-title[data-v-f7d2ecb5]{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem;text-align:center}.skills-grid[data-v-f7d2ecb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;justify-items:center}.skill-item[data-v-f7d2ecb5]{text-align:center}.progress-circle[data-v-f7d2ecb5]{position:relative;width:120px;height:120px;margin-bottom:1rem}.progress-circle svg[data-v-f7d2ecb5]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-f7d2ecb5]{fill:none;stroke:var(--border);stroke-width:8}.progress[data-v-f7d2ecb5]{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-f7d2ecb5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-f7d2ecb5]{width:100%;height:100%;object-fit:contain;border-radius:8px}.skill-name[data-v-f7d2ecb5]{font-size:1rem;font-weight:500;color:var(--text-primary)}.results-section[data-v-f7d2ecb5]{margin:4rem 0}.results-grid[data-v-f7d2ecb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.result-item[data-v-f7d2ecb5]{display:flex;align-items:flex-start;gap:1rem;padding:2rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.result-item[data-v-f7d2ecb5]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--success)}.result-icon[data-v-f7d2ecb5]{font-size:2rem;flex-shrink:0}.result-item p[data-v-f7d2ecb5]{color:var(--text-secondary);line-height:1.6}.fade-in[data-v-f7d2ecb5]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-f7d2ecb5]{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-section[data-v-f7d2ecb5]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-f7d2ecb5]{flex:none}.container[data-v-f7d2ecb5]{padding:0 1rem}.section-title[data-v-f7d2ecb5]{font-size:2rem}.features-grid[data-v-f7d2ecb5]{grid-template-columns:1fr}.tech-stack[data-v-f7d2ecb5]{grid-template-columns:repeat(2,1fr)}.challenges-grid[data-v-f7d2ecb5],.results-grid[data-v-f7d2ecb5]{grid-template-columns:1fr}.skills-grid[data-v-f7d2ecb5]{grid-template-columns:repeat(2,1fr);gap:1.5rem}.progress-circle[data-v-f7d2ecb5]{width:100px;height:100px}.skill-icon[data-v-f7d2ecb5]{width:40px;height:40px}}@media (max-width: 768px){.hero-section[data-v-f7d2ecb5]{padding:2rem 1rem;min-height:50vh}.hero-title[data-v-f7d2ecb5]{font-size:2.5rem}.hero-subtitle[data-v-f7d2ecb5]{font-size:1.125rem}.content-card[data-v-f7d2ecb5]{padding:1.5rem}.section-title[data-v-f7d2ecb5]{font-size:1.75rem}.tech-stack[data-v-f7d2ecb5],.skills-grid[data-v-f7d2ecb5]{grid-template-columns:1fr}.feature-card[data-v-f7d2ecb5],.challenge-card[data-v-f7d2ecb5]{padding:1rem}.result-item[data-v-f7d2ecb5]{padding:1.5rem}.security-icon[data-v-f7d2ecb5]{width:150px;height:150px}.lock-animation[data-v-f7d2ecb5]{width:60px;height:60px}.lock-body[data-v-f7d2ecb5]{width:45px;height:30px}.lock-shackle[data-v-f7d2ecb5]{width:30px;height:30px;border-width:6px}}@media (max-width: 480px){.hero-section[data-v-f7d2ecb5]{padding:1.5rem 1rem}.hero-title[data-v-f7d2ecb5]{font-size:2rem}.container[data-v-f7d2ecb5]{padding:0 .75rem}.content-card[data-v-f7d2ecb5]{padding:1rem}.toggle-button[data-v-f7d2ecb5]{padding:.75rem 1.5rem;font-size:1rem}.feature-card[data-v-f7d2ecb5],.security-highlight[data-v-f7d2ecb5],.result-item[data-v-f7d2ecb5]{flex-direction:column;text-align:center;gap:.75rem}.progress-circle[data-v-f7d2ecb5]{width:80px;height:80px}.skill-icon[data-v-f7d2ecb5]{width:30px;height:30px}.skill-percentage[data-v-f7d2ecb5]{font-size:.75rem;margin-top:20px}}@media (prefers-reduced-motion: reduce){[data-v-f7d2ecb5]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in[data-v-f7d2ecb5]{opacity:1;transform:none}}.toggle-button[data-v-f7d2ecb5]:focus{outline:2px solid var(--primary);outline-offset:2px}.dark-mode .skill-percentage[data-v-f7d2ecb5]{background:var(--surface);color:var(--text-primary)}.dark-mode .feature-card[data-v-f7d2ecb5],.dark-mode .tech-category[data-v-f7d2ecb5],.dark-mode .feature-item[data-v-f7d2ecb5],.dark-mode .challenge-card[data-v-f7d2ecb5],.dark-mode .result-item[data-v-f7d2ecb5]{background:var(--surface)}[data-v-f7d2ecb5]::-webkit-scrollbar{width:8px}[data-v-f7d2ecb5]::-webkit-scrollbar-track{background:var(--surface)}[data-v-f7d2ecb5]::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}[data-v-f7d2ecb5]::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes progressAnimation-f7d2ecb5{0%{stroke-dashoffset:283}to{stroke-dashoffset:var(--target-offset)}}.progress.animate[data-v-f7d2ecb5]{animation:progressAnimation-f7d2ecb5 1.5s cubic-bezier(.4,0,.2,1) forwards}.skill-item:hover .progress-circle[data-v-f7d2ecb5]{transform:scale(1.05);transition:transform .3s ease}.skill-item:hover .skill-name[data-v-f7d2ecb5]{color:var(--primary);transition:color .3s ease}.gradient-border[data-v-f7d2ecb5]{position:relative;background:var(--surface);border-radius:var(--radius)}.gradient-border[data-v-f7d2ecb5]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius);padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask-composite:xor}.hero-section[data-v-f7d2ecb5]{background-attachment:fixed;background-size:cover;background-position:center}.skill-icon img[data-v-f7d2ecb5]{transition:opacity .3s ease}.skill-icon img.loaded[data-v-f7d2ecb5]{opacity:1}[data-v-f7d2ecb5]{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-v-4975e448]:root{--primary: #3b82f6;--finance-primary: #10b981;--finance-secondary: #059669;--finance-accent: #f59e0b;--finance-danger: #ef4444;--angular-primary: #dd0031;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--primary-dark: #1d4ed8}.dark-mode[data-v-4975e448]{--primary: #3b82f6;--primary-dark: #3b82f6;--finance-primary: #34d399;--finance-secondary: #10b981;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-4975e448]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-4975e448]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-4975e448]{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-4975e448]{opacity:1;transform:translateY(0)}.hero-background[data-v-4975e448]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--finance-primary) 0%,var(--finance-secondary) 100%)}.financial-pattern[data-v-4975e448]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-4975e448]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-4975e448]{flex:1;position:relative;z-index:2;color:#fff;max-width:600px}.project-badge[data-v-4975e448]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-4975e448]{font-size:1.2rem}.hero-title[data-v-4975e448]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-4975e448]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}@keyframes slideInUp-4975e448{to{opacity:1;transform:translateY(0)}}.metric-icon[data-v-4975e448]{font-size:2rem;margin-bottom:.5rem}.metric-value[data-v-4975e448]{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.metric-label[data-v-4975e448]{font-size:.875rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-4975e448]{flex:0 0 300px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.financial-dashboard[data-v-4975e448]{position:relative;width:250px;height:250px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:float-4975e448 3s ease-in-out infinite}@keyframes float-4975e448{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.dashboard-screen[data-v-4975e448]{position:relative;width:200px;height:150px;background:#0003;border-radius:8px;overflow:hidden}.chart-area[data-v-4975e448]{position:absolute;bottom:20px;left:20px;right:20px;height:80px}.chart-line[data-v-4975e448]{position:absolute;bottom:0;width:3px;background:var(--finance-accent);border-radius:2px;animation:chartGrow-4975e448 2s ease-in-out infinite}.chart-1[data-v-4975e448]{left:20px;height:60%;animation-delay:0s}.chart-2[data-v-4975e448]{left:50%;height:80%;animation-delay:.5s}.chart-3[data-v-4975e448]{right:20px;height:40%;animation-delay:1s}@keyframes chartGrow-4975e448{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.data-points[data-v-4975e448]{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.data-point[data-v-4975e448]{width:8px;height:8px;background:var(--finance-primary);border-radius:50%;animation:pulse-4975e448 2s ease-in-out infinite}.point-1[data-v-4975e448]{animation-delay:0s}.point-2[data-v-4975e448]{animation-delay:.7s}.point-3[data-v-4975e448]{animation-delay:1.4s}@keyframes pulse-4975e448{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.bull-icon[data-v-4975e448]{position:absolute;bottom:25px;right:25px;font-size:3rem;animation:bounce-4975e448 2s ease-in-out infinite}@keyframes bounce-4975e448{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in[data-v-4975e448]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-4975e448]{opacity:1;transform:translateY(0)}.section-header[data-v-4975e448]{text-align:center;margin-bottom:3rem}.section-title[data-v-4975e448]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-4975e448]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--finance-primary),var(--finance-accent));border-radius:2px}.section-subtitle[data-v-4975e448]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-4975e448]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header[data-v-4975e448]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-4975e448]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-4975e448]{font-size:2rem;opacity:.7}.card-content[data-v-4975e448]{padding:2rem}.description-section[data-v-4975e448]{margin-bottom:2rem}.project-description[data-v-4975e448]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.goal-highlight[data-v-4975e448]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);border-left:4px solid var(--finance-primary)}.goal-icon[data-v-4975e448]{font-size:2rem;flex-shrink:0}.goal-content h3[data-v-4975e448]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.goal-content p[data-v-4975e448]{color:var(--text-secondary);margin:0;line-height:1.6}.features-preview[data-v-4975e448]{margin-bottom:2rem}.features-title[data-v-4975e448]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.features-grid[data-v-4975e448]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card[data-v-4975e448]{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;text-align:center;transition:var(--transition);animation:slideInUp-4975e448 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(20px)}.feature-card[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--finance-primary)}.feature-card .feature-icon[data-v-4975e448]{font-size:2rem;margin-bottom:1rem}.feature-card .feature-title[data-v-4975e448]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feature-card .feature-description[data-v-4975e448]{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.toggle-button[data-v-4975e448]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.toggle-button[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-4975e448]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-4975e448]{transform:rotate(180deg)}.button-icon svg[data-v-4975e448]{width:100%;height:100%}.technologies-section[data-v-4975e448]{margin:4rem 0}.tech-showcase[data-v-4975e448]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.tech-category[data-v-4975e448]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition)}.tech-category[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tech-category .category-title[data-v-4975e448]{font-size:1.5rem;font-weight:600;color:var(--finance-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.tech-category .category-title[data-v-4975e448]:before{content:"";width:4px;height:1.5rem;background:var(--finance-primary);border-radius:2px}.tech-description[data-v-4975e448]{color:var(--text-secondary);line-height:1.6}.details-section[data-v-4975e448]{margin:3rem 0}.details-grid[data-v-4975e448]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.detail-card[data-v-4975e448]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;transition:var(--transition);box-shadow:var(--shadow)}.detail-card[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.detail-header[data-v-4975e448]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.detail-title[data-v-4975e448]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.detail-icon[data-v-4975e448]{font-size:1.5rem;opacity:.7}.features-list[data-v-4975e448]{display:flex;flex-direction:column;gap:1rem}.feature-item[data-v-4975e448]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.feature-item[data-v-4975e448]:hover{transform:translate(5px);border-color:var(--finance-primary)}.feature-bullet[data-v-4975e448]{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.feature-bullet.feature-1[data-v-4975e448]{background:var(--finance-primary)}.feature-bullet.feature-2[data-v-4975e448]{background:var(--finance-accent)}.challenges-list[data-v-4975e448]{display:flex;flex-direction:column;gap:1.5rem}.challenge-item[data-v-4975e448]{display:flex;align-items:flex-start;gap:1rem}.challenge-icon[data-v-4975e448]{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.challenge-item p[data-v-4975e448]{color:var(--text-secondary);line-height:1.6;margin:0}.skills-section[data-v-4975e448]{margin:4rem 0}.skills-container[data-v-4975e448]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.skill-category[data-v-4975e448]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-4975e448 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.skill-category[data-v-4975e448]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--tech-color)}.category-header[data-v-4975e448]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--tech-color)}.category-icon[data-v-4975e448]{font-size:2rem;color:var(--tech-color)}.skill-category .category-title[data-v-4975e448]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skill-card[data-v-4975e448]{display:flex;align-items:center;gap:2rem}.skill-visual[data-v-4975e448]{flex-shrink:0}.progress-circle[data-v-4975e448]{position:relative;width:120px;height:120px}.progress-circle svg[data-v-4975e448]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-4975e448]{fill:none;stroke:var(--border);stroke-width:8}.progress-ring[data-v-4975e448]{fill:none;stroke:var(--tech-color);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-4975e448]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-4975e448]{width:100%;height:100%;object-fit:contain;border-radius:8px}.skill-percentage[data-v-4975e448]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:600;color:var(--tech-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-4975e448]{flex:1}.skill-name[data-v-4975e448]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.skill-description[data-v-4975e448]{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.skill-level[data-v-4975e448]{width:100%}.level-bar[data-v-4975e448]{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.level-fill[data-v-4975e448]{height:100%;border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0%}.results-section[data-v-4975e448]{margin:4rem 0}.highlight-card[data-v-4975e448]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--finance-primary)}.results-showcase[data-v-4975e448]{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border)}.result-visual[data-v-4975e448]{text-align:center;flex-shrink:0}.success-icon[data-v-4975e448]{font-size:4rem;margin-bottom:1rem}.result-visual h3[data-v-4975e448]{font-size:1.25rem;font-weight:600;color:var(--finance-primary);margin:0}.result-content[data-v-4975e448]{flex:1}.result-description[data-v-4975e448]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.impact-metrics[data-v-4975e448]{display:flex;flex-direction:column;gap:1rem}.impact-item[data-v-4975e448]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.impact-item[data-v-4975e448]:hover{transform:translate(5px);border-color:var(--finance-primary)}.impact-icon[data-v-4975e448]{font-size:1.5rem;flex-shrink:0}.slide-fade-enter-active[data-v-4975e448]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-4975e448]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-4975e448]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-4975e448]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-4975e448]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-4975e448]{flex:none}.container[data-v-4975e448]{padding:0 1rem}.features-grid[data-v-4975e448],.tech-showcase[data-v-4975e448],.details-grid[data-v-4975e448],.skills-container[data-v-4975e448]{grid-template-columns:1fr}.skill-card[data-v-4975e448]{flex-direction:column;text-align:center;gap:1.5rem}.results-showcase[data-v-4975e448]{flex-direction:column;text-align:center}}@media (max-width: 768px){.hero-section[data-v-4975e448]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-4975e448]{font-size:2rem}.hero-subtitle[data-v-4975e448]{font-size:1.125rem}.financial-dashboard[data-v-4975e448]{width:200px;height:200px}.dashboard-screen[data-v-4975e448]{width:160px;height:120px}.section-title[data-v-4975e448]{font-size:2rem}.card-header[data-v-4975e448]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-4975e448],.detail-card[data-v-4975e448],.skill-category[data-v-4975e448]{padding:1.5rem}.toggle-button[data-v-4975e448]{padding:.75rem 1.5rem;font-size:1rem}.card-title[data-v-4975e448]{font-size:1.5rem}.detail-header[data-v-4975e448]{flex-direction:column;gap:.5rem;text-align:center}.challenge-item[data-v-4975e448],.feature-item[data-v-4975e448]{flex-direction:column;text-align:center;gap:.75rem}.goal-highlight[data-v-4975e448]{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 480px){.hero-section[data-v-4975e448]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-4975e448]{font-size:1.75rem}.container[data-v-4975e448]{padding:0 .75rem}.card-header[data-v-4975e448],.card-content[data-v-4975e448],.detail-card[data-v-4975e448],.skill-category[data-v-4975e448]{padding:1rem}.progress-circle[data-v-4975e448]{width:100px;height:100px}.skill-icon[data-v-4975e448]{width:50px;height:50px}.financial-dashboard[data-v-4975e448]{width:150px;height:150px}.dashboard-screen[data-v-4975e448]{width:120px;height:90px}.bull-icon[data-v-4975e448]{font-size:2rem;bottom:-15px;right:-15px}.results-showcase[data-v-4975e448]{padding:1rem}.impact-metrics[data-v-4975e448]{gap:.75rem}}.toggle-button[data-v-4975e448]:focus-visible{outline:2px solid var(--finance-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-4975e448]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-4975e448],.fade-in[data-v-4975e448],.metric-card[data-v-4975e448],.feature-card[data-v-4975e448],.skill-category[data-v-4975e448]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-4975e448]{background:linear-gradient(135deg,#0d5d3a,#064e3b)}.dark-mode .financial-pattern[data-v-4975e448]{background-image:radial-gradient(circle at 25% 25%,rgba(52,211,153,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%)}.dark-mode .project-badge[data-v-4975e448],.dark-mode .metric-card[data-v-4975e448]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .highlight-card[data-v-4975e448]{background:linear-gradient(135deg,var(--surface),rgba(52,211,153,.05));border-color:var(--finance-primary)}[data-v-4975e448]::-webkit-scrollbar{width:8px}[data-v-4975e448]::-webkit-scrollbar-track{background:var(--surface)}[data-v-4975e448]::-webkit-scrollbar-thumb{background:var(--finance-primary);border-radius:4px}[data-v-4975e448]::-webkit-scrollbar-thumb:hover{background:var(--finance-secondary)}.tech-category[data-v-4975e448]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--finance-primary),var(--finance-accent));border-radius:var(--radius) var(--radius) 0 0}.skill-category[data-v-4975e448]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-color),transparent);border-radius:var(--radius) var(--radius) 0 0}.tech-category[data-v-4975e448],.skill-category[data-v-4975e448]{position:relative}.hero-section[data-v-4975e448]:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 40px 60px,rgba(16,185,129,.3),transparent),radial-gradient(2px 2px at 90px 40px,rgba(245,158,11,.2),transparent),radial-gradient(1px 1px at 160px 90px,rgba(34,197,94,.3),transparent);background-repeat:repeat;background-size:250px 200px;animation:financialFlow-4975e448 12s ease-in-out infinite;pointer-events:none;opacity:.4}@keyframes financialFlow-4975e448{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(20px) translateY(-10px)}66%{transform:translate(-10px) translateY(20px)}}-button[data-v-4975e448]{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--finance-primary),var(--finance-secondary));color:#fff;border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}[data-v-20b0a3d8]:root{--calendar-primary: #4fc08d;--calendar-secondary: #41b883;--calendar-accent: #35495e;--event-blue: #007bff;--event-orange: #ffc107;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-20b0a3d8]{--calendar-primary: #4fc08d;--calendar-secondary: #41b883;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-20b0a3d8]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-20b0a3d8]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-20b0a3d8]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-20b0a3d8]{opacity:1;transform:translateY(0)}.hero-background[data-v-20b0a3d8]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--calendar-primary) 0%,var(--calendar-secondary) 100%)}.calendar-pattern[data-v-20b0a3d8]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(79,192,141,.1) 0%,transparent 50%);background-size:60px 60px}.hero-overlay[data-v-20b0a3d8]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-20b0a3d8]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-20b0a3d8]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-20b0a3d8]{font-size:1.2rem}.hero-title[data-v-20b0a3d8]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-20b0a3d8]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-20b0a3d8]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-20b0a3d8]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-20b0a3d8]{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-20b0a3d8]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-20b0a3d8]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.calendar-widget[data-v-20b0a3d8]{background:#fffffff2;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float-20b0a3d8 3s ease-in-out infinite}@keyframes float-20b0a3d8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.calendar-header[data-v-20b0a3d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.month-display[data-v-20b0a3d8]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.nav-buttons[data-v-20b0a3d8]{display:flex;gap:.5rem}.nav-btn[data-v-20b0a3d8]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--calendar-primary);color:var(--text-primary);border-radius:50%;cursor:pointer;font-weight:700;transition:var(--transition)}.nav-btn[data-v-20b0a3d8]:hover{background:var(--calendar-secondary);transform:scale(1.1)}.weekdays[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday[data-v-20b0a3d8]{text-align:center;padding:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.days-grid[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day-cell[data-v-20b0a3d8]{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--text-primary);border-radius:.375rem;cursor:pointer;transition:var(--transition)}.day-cell[data-v-20b0a3d8]:hover{background:var(--surface)}.day-cell.today[data-v-20b0a3d8]{background:var(--calendar-primary);color:var(--text-primary);font-weight:700}.day-cell.has-event[data-v-20b0a3d8]{background:var(--event-blue);color:var(--text-primary)}.event-dot[data-v-20b0a3d8]{position:absolute;bottom:2px;right:2px;width:4px;height:4px;background:var(--event-orange);border-radius:50%}.fade-in[data-v-20b0a3d8]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-20b0a3d8]{opacity:1;transform:translateY(0)}.section-header[data-v-20b0a3d8]{text-align:center;margin-bottom:3rem}.section-title[data-v-20b0a3d8]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-20b0a3d8]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--calendar-primary),var(--calendar-secondary));border-radius:2px}.section-subtitle[data-v-20b0a3d8]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-20b0a3d8]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.highlight-card[data-v-20b0a3d8]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--calendar-primary)}.card-header[data-v-20b0a3d8]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-20b0a3d8]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-20b0a3d8]{font-size:2rem;opacity:.7}.card-content[data-v-20b0a3d8]{padding:2rem}.description-grid[data-v-20b0a3d8]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-20b0a3d8]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-20b0a3d8]{font-size:1.3rem}.objectives-list[data-v-20b0a3d8]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-20b0a3d8]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;color:var(--text-secondary)}.objectives-list li[data-v-20b0a3d8]:before{content:"✓";background:var(--calendar-primary);color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.project-info[data-v-20b0a3d8]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.project-info h4[data-v-20b0a3d8]{color:var(--calendar-primary);margin:0 0 .5rem;font-size:1.125rem}.project-info p[data-v-20b0a3d8]{margin:0;line-height:1.6;color:var(--text-secondary)}.project-highlights[data-v-20b0a3d8]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-20b0a3d8]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--calendar-primary)}.highlight-icon[data-v-20b0a3d8]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-20b0a3d8]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-20b0a3d8]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.toggle-button[data-v-20b0a3d8]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-20b0a3d8]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-20b0a3d8]{transform:rotate(180deg)}.button-icon svg[data-v-20b0a3d8]{width:100%;height:100%}.features-section[data-v-20b0a3d8]{margin:4rem 0}.features-grid[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-20b0a3d8]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-20b0a3d8 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-20b0a3d8{to{opacity:1;transform:translateY(0)}}.feature-card[data-v-20b0a3d8]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-20b0a3d8]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-20b0a3d8]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-20b0a3d8]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-20b0a3d8]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-20b0a3d8]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-20b0a3d8]{opacity:.2}.tech-stack-grid[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-20b0a3d8]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-20b0a3d8 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-20b0a3d8]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-20b0a3d8]{font-size:2rem;color:var(--category-color)}.category-title[data-v-20b0a3d8]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-20b0a3d8]{display:grid;gap:1.5rem}.skill-card[data-v-20b0a3d8]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-20b0a3d8]{flex-shrink:0}.progress-circle[data-v-20b0a3d8]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-20b0a3d8]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-20b0a3d8]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-20b0a3d8]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-20b0a3d8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-20b0a3d8]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-20b0a3d8]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-20b0a3d8]{flex:1}.skill-name[data-v-20b0a3d8]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-20b0a3d8]{margin:4rem 0}.architecture-details[data-v-20b0a3d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-20b0a3d8]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-20b0a3d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-20b0a3d8]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--calendar-primary)}.component-header h4[data-v-20b0a3d8]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-20b0a3d8]{list-style:none;padding:0;margin:0}.arch-component li[data-v-20b0a3d8]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-20b0a3d8]:last-child{border-bottom:none}.arch-component li[data-v-20b0a3d8]:before{content:"▶";color:var(--calendar-primary);font-size:.75rem;margin-right:.75rem}.slide-fade-enter-active[data-v-20b0a3d8]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-20b0a3d8]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-20b0a3d8]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-20b0a3d8]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-20b0a3d8]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-20b0a3d8]{flex:none}.container[data-v-20b0a3d8]{padding:0 1rem}.description-grid[data-v-20b0a3d8]{grid-template-columns:1fr;gap:2rem}.features-grid[data-v-20b0a3d8]{grid-template-columns:repeat(2,1fr)}.tech-stack-grid[data-v-20b0a3d8],.architecture-details[data-v-20b0a3d8]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-20b0a3d8]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-20b0a3d8]{font-size:2rem}.hero-subtitle[data-v-20b0a3d8]{font-size:1.125rem}.calendar-widget[data-v-20b0a3d8]{padding:1rem;width:280px}.section-title[data-v-20b0a3d8]{font-size:2rem}.features-grid[data-v-20b0a3d8]{grid-template-columns:1fr}.card-header[data-v-20b0a3d8]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-20b0a3d8]{padding:1.5rem}.skill-card[data-v-20b0a3d8]{flex-direction:column;text-align:center;gap:1rem}.github-section[data-v-20b0a3d8]{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){.hero-section[data-v-20b0a3d8]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-20b0a3d8]{font-size:1.75rem}.container[data-v-20b0a3d8]{padding:0 .75rem}.calendar-widget[data-v-20b0a3d8]{padding:.75rem;width:260px}.card-header[data-v-20b0a3d8],.card-content[data-v-20b0a3d8]{padding:1rem}.toggle-button[data-v-20b0a3d8]{width:100%;justify-content:center}}.toggle-button[data-v-20b0a3d8]:focus-visible,.github-button[data-v-20b0a3d8]:focus-visible,.nav-btn[data-v-20b0a3d8]:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-20b0a3d8]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-20b0a3d8],.fade-in[data-v-20b0a3d8],.feature-card[data-v-20b0a3d8],.tech-category[data-v-20b0a3d8]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-20b0a3d8]{background:linear-gradient(135deg,#3a7c5a,#2d6147)}.dark-mode .calendar-pattern[data-v-20b0a3d8]{background-image:radial-gradient(circle at 25% 25%,rgba(79,192,141,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(65,184,131,.15) 0%,transparent 50%)}.dark-mode .project-badge[data-v-20b0a3d8],.dark-mode .stat-item[data-v-20b0a3d8]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .calendar-widget[data-v-20b0a3d8]{background:#fffffff2;border-color:#ffffff4d}[data-v-20b0a3d8]::-webkit-scrollbar{width:8px}[data-v-20b0a3d8]::-webkit-scrollbar-track{background:var(--surface)}[data-v-20b0a3d8]::-webkit-scrollbar-thumb{background:var(--calendar-primary);border-radius:4px}[data-v-20b0a3d8]::-webkit-scrollbar-thumb:hover{background:var(--calendar-secondary)}[data-v-eae8f731]:root{--vue-primary: #4fc08d;--vue-secondary: #41b883;--vue-accent: #35495e;--node-green: #68a063;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-eae8f731]{--vue-primary: #4fc08d;--vue-secondary: #41b883;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-eae8f731]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-eae8f731]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-eae8f731]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-eae8f731]{opacity:1;transform:translateY(0)}.hero-background[data-v-eae8f731]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--vue-primary) 0%,var(--vue-secondary) 100%)}.vue-pattern[data-v-eae8f731]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(79,192,141,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-eae8f731]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-eae8f731]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-eae8f731]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-eae8f731]{font-size:1.2rem}.hero-title[data-v-eae8f731]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-eae8f731]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-eae8f731]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-eae8f731]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-eae8f731]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-eae8f731]{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-eae8f731]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-eae8f731]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.vue-ecosystem[data-v-eae8f731]{position:relative;width:300px;height:300px}.central-vue[data-v-eae8f731]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#ffffffe6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;color:var(--vue-primary);box-shadow:var(--shadow-lg);animation:pulse-eae8f731 3s ease-in-out infinite}.vue-icon[data-v-eae8f731]{width:40px;height:40px;margin-bottom:.25rem}.vue-label[data-v-eae8f731]{font-size:.9rem}.module-orbit[data-v-eae8f731]{position:relative;width:100%;height:100%}.module-node[data-v-eae8f731]{position:absolute;width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow);animation:moduleFloat-eae8f731 4s ease-in-out infinite;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(130px) rotate(calc(-1 * var(--angle)))}@keyframes pulse-eae8f731{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes moduleFloat-eae8f731{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(130px) rotate(calc(-1 * var(--angle))) translateY(0)}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(130px) rotate(calc(-1 * var(--angle))) translateY(-8px)}}.fade-in[data-v-eae8f731]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-eae8f731]{opacity:1;transform:translateY(0)}.section-header[data-v-eae8f731]{text-align:center;margin-bottom:3rem}.section-title[data-v-eae8f731]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-eae8f731]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--vue-primary),var(--vue-secondary));border-radius:2px}.section-subtitle[data-v-eae8f731]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-eae8f731]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.highlight-card[data-v-eae8f731]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--vue-primary)}.card-header[data-v-eae8f731]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-eae8f731]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-eae8f731]{font-size:2rem;opacity:.7}.card-content[data-v-eae8f731]{padding:2rem}.description-grid[data-v-eae8f731]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-eae8f731]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-eae8f731]{font-size:1.3rem}.objectives-list[data-v-eae8f731]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-eae8f731]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;color:var(--text-secondary)}.objectives-list li[data-v-eae8f731]:before{content:"✓";background:var(--vue-primary);color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.project-info[data-v-eae8f731]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.project-info h4[data-v-eae8f731]{color:var(--vue-primary);margin:0 0 .5rem;font-size:1.125rem}.project-info p[data-v-eae8f731]{margin:0;line-height:1.6;color:var(--text-secondary)}.project-highlights[data-v-eae8f731]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-eae8f731]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--vue-primary)}.highlight-icon[data-v-eae8f731]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-eae8f731]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-eae8f731]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.toggle-button[data-v-eae8f731]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--vue-primary),var(--vue-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-eae8f731]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-eae8f731]{transform:rotate(180deg)}.button-icon svg[data-v-eae8f731]{width:100%;height:100%}.features-section[data-v-eae8f731]{margin:4rem 0}.features-grid[data-v-eae8f731]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-eae8f731]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-eae8f731 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-eae8f731{to{opacity:1;transform:translateY(0)}}.feature-card[data-v-eae8f731]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-eae8f731]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-eae8f731]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-eae8f731]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-eae8f731]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-eae8f731]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-eae8f731]{opacity:.2}.apis-section[data-v-eae8f731]{margin:4rem 0}.apis-grid[data-v-eae8f731]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.api-card[data-v-eae8f731]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);animation:slideInUp-eae8f731 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.api-card[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--api-color)}.api-header[data-v-eae8f731]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.api-icon[data-v-eae8f731]{font-size:2rem;color:var(--api-color)}.api-name[data-v-eae8f731]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.api-description[data-v-eae8f731]{color:var(--text-secondary);line-height:1.6;margin:0}.api-border[data-v-eae8f731]{position:absolute;top:0;left:0;right:0;height:4px;background:var(--api-color);border-radius:var(--radius) var(--radius) 0 0}.tech-stack-grid[data-v-eae8f731]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-eae8f731]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-eae8f731 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-eae8f731]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-eae8f731]{font-size:2rem;color:var(--category-color)}.category-title[data-v-eae8f731]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-eae8f731]{display:grid;gap:1.5rem}.skill-card[data-v-eae8f731]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-eae8f731]{flex-shrink:0}.progress-circle[data-v-eae8f731]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-eae8f731]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-eae8f731]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-eae8f731]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-eae8f731]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-eae8f731]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-eae8f731]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-eae8f731]{flex:1}.skill-name[data-v-eae8f731]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-eae8f731]{margin:4rem 0}.architecture-details[data-v-eae8f731]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-eae8f731]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-eae8f731]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-eae8f731]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--vue-primary)}.component-header h4[data-v-eae8f731]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-eae8f731]{list-style:none;padding:0;margin:0}.arch-component li[data-v-eae8f731]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-eae8f731]:last-child{border-bottom:none}.arch-component li[data-v-eae8f731]:before{content:"▶";color:var(--vue-primary);font-size:.75rem;margin-right:.75rem}.slide-fade-enter-active[data-v-eae8f731]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-eae8f731]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-eae8f731]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-eae8f731]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-eae8f731]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-eae8f731]{flex:none}.container[data-v-eae8f731]{padding:0 1rem}.description-grid[data-v-eae8f731]{grid-template-columns:1fr;gap:2rem}.features-grid[data-v-eae8f731],.apis-grid[data-v-eae8f731]{grid-template-columns:repeat(2,1fr)}.tech-stack-grid[data-v-eae8f731],.architecture-details[data-v-eae8f731]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-eae8f731]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-eae8f731]{font-size:2rem}.hero-subtitle[data-v-eae8f731]{font-size:1.125rem}.vue-ecosystem[data-v-eae8f731]{width:250px;height:250px}.central-vue[data-v-eae8f731]{width:80px;height:80px}.vue-icon[data-v-eae8f731]{width:30px;height:30px}.module-node[data-v-eae8f731]{width:50px;height:50px;font-size:1.2rem}.section-title[data-v-eae8f731]{font-size:2rem}.features-grid[data-v-eae8f731],.apis-grid[data-v-eae8f731]{grid-template-columns:1fr}.card-header[data-v-eae8f731]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-eae8f731]{padding:1.5rem}.skill-card[data-v-eae8f731]{flex-direction:column;text-align:center;gap:1rem}.github-section[data-v-eae8f731]{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){.hero-section[data-v-eae8f731]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-eae8f731]{font-size:1.75rem}.container[data-v-eae8f731]{padding:0 .75rem}.card-header[data-v-eae8f731],.card-content[data-v-eae8f731]{padding:1rem}.toggle-button[data-v-eae8f731]{width:100%;justify-content:center}.vue-ecosystem[data-v-eae8f731]{width:200px;height:200px}.central-vue[data-v-eae8f731]{width:70px;height:70px}.module-node[data-v-eae8f731]{width:45px;height:45px;font-size:1rem}}.toggle-button[data-v-eae8f731]:focus-visible,.github-button[data-v-eae8f731]:focus-visible{outline:2px solid var(--vue-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-eae8f731]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-eae8f731],.fade-in[data-v-eae8f731],.feature-card[data-v-eae8f731],.api-card[data-v-eae8f731],.tech-category[data-v-eae8f731]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-eae8f731]{background:linear-gradient(135deg,#3a7c5a,#2d6147)}.dark-mode .vue-pattern[data-v-eae8f731]{background-image:radial-gradient(circle at 25% 25%,rgba(79,192,141,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(65,184,131,.15) 0%,transparent 50%)}.dark-mode .project-badge[data-v-eae8f731],.dark-mode .stat-item[data-v-eae8f731]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .central-vue[data-v-eae8f731],.dark-mode .module-node[data-v-eae8f731]{background:#ffffffe6;color:var(--vue-primary)}[data-v-eae8f731]::-webkit-scrollbar{width:8px}[data-v-eae8f731]::-webkit-scrollbar-track{background:var(--surface)}[data-v-eae8f731]::-webkit-scrollbar-thumb{background:var(--vue-primary);border-radius:4px}[data-v-eae8f731]::-webkit-scrollbar-thumb:hover{background:var(--vue-secondary)}[data-v-0889dbeb]:root{--security-primary: #dc3545;--security-secondary: #c82333;--security-accent: #fd7e14;--vault-gold: #ffd700;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-0889dbeb]{--security-primary: #ff6b6b;--security-secondary: #e55353;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-0889dbeb]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-0889dbeb]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-0889dbeb]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-0889dbeb]{opacity:1;transform:translateY(0)}.hero-background[data-v-0889dbeb]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--security-primary) 0%,var(--security-secondary) 100%)}.security-pattern[data-v-0889dbeb]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(220,53,69,.1) 0%,transparent 50%);background-size:80px 80px}.hero-overlay[data-v-0889dbeb]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-0889dbeb]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-0889dbeb]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-0889dbeb]{font-size:1.2rem}.hero-title[data-v-0889dbeb]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-0889dbeb]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-0889dbeb]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-0889dbeb]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-0889dbeb]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-0889dbeb]{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-0889dbeb]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-0889dbeb]{flex:0 0 350px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.security-vault[data-v-0889dbeb]{position:relative;width:280px;height:280px}.vault-door[data-v-0889dbeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:linear-gradient(145deg,#e0e0e0,silver);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset -10px -10px 20px #0000001a,inset 10px 10px 20px #ffffff4d,0 10px 30px #0003;animation:vaultPulse-0889dbeb 4s ease-in-out infinite}.vault-lock[data-v-0889dbeb]{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,var(--vault-gold),#daa520);box-shadow:inset -5px -5px 10px #0003,inset 5px 5px 10px #ffffff80}.lock-outer[data-v-0889dbeb]{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:3px solid #b8860b;border-radius:50%}.lock-inner[data-v-0889dbeb]{position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:2px solid #8b7355;border-radius:50%}.lock-keyhole[data-v-0889dbeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:12px;background:#654321;border-radius:50%/60% 60% 40% 40%}.vault-handle[data-v-0889dbeb]{position:absolute;top:-10px;right:-30px;width:20px;height:40px;background:linear-gradient(90deg,silver,#a0a0a0);border-radius:10px;box-shadow:2px 2px 5px #0000004d}.security-shields[data-v-0889dbeb]{position:relative;width:100%;height:100%}.shield[data-v-0889dbeb]{position:absolute;width:40px;height:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid rgba(255,255,255,.2);animation:shieldFloat-0889dbeb 3s ease-in-out infinite}.shield-1[data-v-0889dbeb]{top:20px;left:20px;animation-delay:0s}.shield-2[data-v-0889dbeb]{top:20px;right:20px;animation-delay:.75s}.shield-3[data-v-0889dbeb]{bottom:20px;left:20px;animation-delay:1.5s}.shield-4[data-v-0889dbeb]{bottom:20px;right:20px;animation-delay:2.25s}@keyframes vaultPulse-0889dbeb{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes shieldFloat-0889dbeb{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in[data-v-0889dbeb]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-0889dbeb]{opacity:1;transform:translateY(0)}.section-header[data-v-0889dbeb]{text-align:center;margin-bottom:3rem}.section-title[data-v-0889dbeb]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-0889dbeb]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--security-primary),var(--security-accent));border-radius:2px}.section-subtitle[data-v-0889dbeb]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-0889dbeb]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.highlight-card[data-v-0889dbeb]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--security-primary)}.card-header[data-v-0889dbeb]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-0889dbeb]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-0889dbeb]{font-size:2rem;opacity:.7}.card-content[data-v-0889dbeb]{padding:2rem}.description-grid[data-v-0889dbeb]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-0889dbeb]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-0889dbeb]{font-size:1.3rem}.objectives-list[data-v-0889dbeb]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-0889dbeb]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;color:var(--text-secondary)}.objectives-list li[data-v-0889dbeb]:before{content:"🔒";width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;margin-top:.1rem}.project-info[data-v-0889dbeb]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.project-info h4[data-v-0889dbeb]{color:var(--security-primary);margin:0 0 .5rem;font-size:1.125rem}.project-info p[data-v-0889dbeb]{margin:0;line-height:1.6;color:var(--text-secondary)}.project-highlights[data-v-0889dbeb]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-0889dbeb]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--security-primary)}.highlight-icon[data-v-0889dbeb]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-0889dbeb]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-0889dbeb]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.toggle-button[data-v-0889dbeb]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--security-primary),var(--security-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-0889dbeb]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-0889dbeb]{transform:rotate(180deg)}.button-icon svg[data-v-0889dbeb]{width:100%;height:100%}.features-section[data-v-0889dbeb]{margin:4rem 0}.features-grid[data-v-0889dbeb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-0889dbeb]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-0889dbeb .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-0889dbeb{to{opacity:1;transform:translateY(0)}}.feature-card[data-v-0889dbeb]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-0889dbeb]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-0889dbeb]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-0889dbeb]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-0889dbeb]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-0889dbeb]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-0889dbeb]{opacity:.2}.security-section[data-v-0889dbeb]{margin:4rem 0}.security-grid[data-v-0889dbeb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.security-card[data-v-0889dbeb]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);animation:slideInUp-0889dbeb .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.security-card[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--security-color)}.security-header[data-v-0889dbeb]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.security-icon[data-v-0889dbeb]{font-size:2rem;color:var(--security-color)}.security-title[data-v-0889dbeb]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.security-description[data-v-0889dbeb]{color:var(--text-secondary);line-height:1.6;margin:0}.security-border[data-v-0889dbeb]{position:absolute;top:0;left:0;right:0;height:4px;background:var(--security-color);border-radius:var(--radius) var(--radius) 0 0}.tech-stack-grid[data-v-0889dbeb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-0889dbeb]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-0889dbeb .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-0889dbeb]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-0889dbeb]{font-size:2rem;color:var(--category-color)}.category-title[data-v-0889dbeb]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-0889dbeb]{display:grid;gap:1.5rem}.skill-card[data-v-0889dbeb]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-0889dbeb]{flex-shrink:0}.progress-circle[data-v-0889dbeb]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-0889dbeb]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-0889dbeb]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-0889dbeb]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-0889dbeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-0889dbeb]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-0889dbeb]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-0889dbeb]{flex:1}.skill-name[data-v-0889dbeb]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-0889dbeb]{margin:4rem 0}.architecture-details[data-v-0889dbeb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-0889dbeb]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-0889dbeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-0889dbeb]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--security-primary)}.component-header h4[data-v-0889dbeb]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-0889dbeb]{list-style:none;padding:0;margin:0}.arch-component li[data-v-0889dbeb]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-0889dbeb]:last-child{border-bottom:none}.arch-component li[data-v-0889dbeb]:before{content:"🔐";font-size:.875rem;margin-right:.75rem}.slide-fade-enter-active[data-v-0889dbeb]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-0889dbeb]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-0889dbeb]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-0889dbeb]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-0889dbeb]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-0889dbeb]{flex:none}.container[data-v-0889dbeb]{padding:0 1rem}.description-grid[data-v-0889dbeb]{grid-template-columns:1fr;gap:2rem}.features-grid[data-v-0889dbeb],.security-grid[data-v-0889dbeb]{grid-template-columns:repeat(2,1fr)}.tech-stack-grid[data-v-0889dbeb],.architecture-details[data-v-0889dbeb]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-0889dbeb]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-0889dbeb]{font-size:2rem}.hero-subtitle[data-v-0889dbeb]{font-size:1.125rem}.security-vault[data-v-0889dbeb]{width:220px;height:220px}.vault-door[data-v-0889dbeb]{width:150px;height:150px}.vault-lock[data-v-0889dbeb]{width:60px;height:60px}.shield[data-v-0889dbeb]{width:35px;height:35px;font-size:1rem}.section-title[data-v-0889dbeb]{font-size:2rem}.features-grid[data-v-0889dbeb],.security-grid[data-v-0889dbeb]{grid-template-columns:1fr}.card-header[data-v-0889dbeb]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-0889dbeb]{padding:1.5rem}.skill-card[data-v-0889dbeb]{flex-direction:column;text-align:center;gap:1rem}.github-section[data-v-0889dbeb]{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){.hero-section[data-v-0889dbeb]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-0889dbeb]{font-size:1.75rem}.container[data-v-0889dbeb]{padding:0 .75rem}.card-header[data-v-0889dbeb],.card-content[data-v-0889dbeb]{padding:1rem}.toggle-button[data-v-0889dbeb]{width:100%;justify-content:center}.security-vault[data-v-0889dbeb]{width:180px;height:180px}.vault-door[data-v-0889dbeb]{width:120px;height:120px}}.toggle-button[data-v-0889dbeb]:focus-visible,.github-button[data-v-0889dbeb]:focus-visible{outline:2px solid var(--security-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-0889dbeb]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-0889dbeb],.fade-in[data-v-0889dbeb],.feature-card[data-v-0889dbeb],.security-card[data-v-0889dbeb],.tech-category[data-v-0889dbeb]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-0889dbeb]{background:linear-gradient(135deg,#8b1538,#a91d47)}.dark-mode .security-pattern[data-v-0889dbeb]{background-image:radial-gradient(circle at 25% 25%,rgba(255,107,107,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(220,53,69,.15) 0%,transparent 50%)}.dark-mode .project-badge[data-v-0889dbeb],.dark-mode .stat-item[data-v-0889dbeb],.dark-mode .shield[data-v-0889dbeb]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .vault-door[data-v-0889dbeb]{background:linear-gradient(145deg,#4a4a4a,#2a2a2a)}[data-v-0889dbeb]::-webkit-scrollbar{width:8px}[data-v-0889dbeb]::-webkit-scrollbar-track{background:var(--surface)}[data-v-0889dbeb]::-webkit-scrollbar-thumb{background:var(--security-primary);border-radius:4px}[data-v-0889dbeb]::-webkit-scrollbar-thumb:hover{background:var(--security-secondary)}[data-v-1902c036]:root{--notepad-primary: #6366f1;--notepad-secondary: #4f46e5;--notepad-accent: #8b5cf6;--markdown-color: #000000;--html-color: #e34f26;--text-color: #6b7280;--background: #ffffff;--surface: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode[data-v-1902c036]{--notepad-primary: #818cf8;--notepad-secondary: #6366f1;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}.page-wrapper[data-v-1902c036]{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary)}.container[data-v-1902c036]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-1902c036]{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-section.loaded[data-v-1902c036]{opacity:1;transform:translateY(0)}.hero-background[data-v-1902c036]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--notepad-primary) 0%,var(--notepad-secondary) 100%)}.notepad-pattern[data-v-1902c036]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}.hero-overlay[data-v-1902c036]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.hero-content[data-v-1902c036]{flex:1;position:relative;z-index:2;color:var(--text-primary);max-width:600px}.project-badge[data-v-1902c036]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.badge-icon[data-v-1902c036]{font-size:1.2rem}.hero-title[data-v-1902c036]{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle[data-v-1902c036]{font-size:1.25rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.hero-stats[data-v-1902c036]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px}.stat-item[data-v-1902c036]{text-align:center;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.stat-icon[data-v-1902c036]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-1902c036]{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label[data-v-1902c036]{font-size:.75rem;opacity:.8;margin-top:.25rem}.hero-visual[data-v-1902c036]{flex:0 0 400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;gap:2rem}.notepad-demo[data-v-1902c036]{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.editor-window[data-v-1902c036]{width:320px;background:#fffffff2;border-radius:var(--radius);box-shadow:var(--shadow-xl);overflow:hidden;animation:float-1902c036 3s ease-in-out infinite}@keyframes float-1902c036{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.editor-header[data-v-1902c036]{background:#f3f4f6;padding:.75rem;border-bottom:1px solid #e5e7eb}.editor-tabs[data-v-1902c036]{display:flex;gap:.5rem}.tab[data-v-1902c036]{padding:.5rem 1rem;background:#e5e7eb;border-radius:.5rem;font-size:.875rem;color:#6b7280;transition:var(--transition)}.tab.active[data-v-1902c036]{background:var(--notepad-primary);color:var(--text-primary)}.editor-content[data-v-1902c036]{padding:1rem;background:#fff;font-family:Monaco,Menlo,monospace;font-size:.875rem;color:#374151;min-height:120px}.editor-line[data-v-1902c036]{margin-bottom:.5rem;line-height:1.4}.cursor[data-v-1902c036]{animation:blink-1902c036 1s infinite}@keyframes blink-1902c036{0%,50%{opacity:1}51%,to{opacity:0}}.format-indicators[data-v-1902c036]{display:flex;gap:1rem;flex-wrap:wrap}.format-badge[data-v-1902c036]{padding:.5rem 1rem;background:#ffffffe6;border-radius:2rem;font-size:.875rem;font-weight:600;color:var(--format-color);border:2px solid var(--format-color);animation:pulse-1902c036 2s ease-in-out infinite}@keyframes pulse-1902c036{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in[data-v-1902c036]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.animate-in[data-v-1902c036]{opacity:1;transform:translateY(0)}.section-header[data-v-1902c036]{text-align:center;margin-bottom:3rem}.section-title[data-v-1902c036]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative}.section-title[data-v-1902c036]:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--notepad-primary),var(--notepad-accent));border-radius:2px}.section-subtitle[data-v-1902c036]{font-size:1.125rem;color:var(--text-secondary);opacity:.8}.content-card[data-v-1902c036]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden;margin:3rem 0}.content-card[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.highlight-card[data-v-1902c036]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px solid var(--notepad-primary)}.card-header[data-v-1902c036]{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.card-title[data-v-1902c036]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.card-icon[data-v-1902c036]{font-size:2rem;opacity:.7}.card-content[data-v-1902c036]{padding:2rem}.description-grid[data-v-1902c036]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.section-subtitle[data-v-1902c036]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-icon[data-v-1902c036]{font-size:1.3rem}.objectives-list[data-v-1902c036]{list-style:none;padding:0;margin-bottom:2rem}.objectives-list li[data-v-1902c036]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;color:var(--text-secondary)}.objectives-list li[data-v-1902c036]:before{content:"✓";background:var(--notepad-primary);color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.project-info[data-v-1902c036]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.project-info h4[data-v-1902c036]{color:var(--notepad-primary);margin:0 0 .5rem;font-size:1.125rem}.project-info p[data-v-1902c036]{margin:0;line-height:1.6;color:var(--text-secondary)}.project-highlights[data-v-1902c036]{display:flex;flex-direction:column;gap:1rem}.highlight-card[data-v-1902c036]{background:var(--background);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.highlight-card[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--notepad-primary)}.highlight-icon[data-v-1902c036]{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4[data-v-1902c036]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.highlight-card p[data-v-1902c036]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.toggle-button[data-v-1902c036]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--notepad-primary),var(--notepad-secondary));color:var(--text-primary);border:none;border-radius:3rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);margin-top:2rem}.toggle-button[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon[data-v-1902c036]{width:1.5rem;height:1.5rem;transition:transform .3s ease}.button-icon.rotated[data-v-1902c036]{transform:rotate(180deg)}.button-icon svg[data-v-1902c036]{width:100%;height:100%}.formats-section[data-v-1902c036]{margin:4rem 0}.formats-grid[data-v-1902c036]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.format-card[data-v-1902c036]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);animation:slideInUp-1902c036 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp-1902c036{to{opacity:1;transform:translateY(0)}}.format-card[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--format-color)}.format-header[data-v-1902c036]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.format-icon[data-v-1902c036]{font-size:2rem;color:var(--format-color)}.format-name[data-v-1902c036]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.format-description[data-v-1902c036]{color:var(--text-secondary);line-height:1.6;margin:0}.format-border[data-v-1902c036]{position:absolute;top:0;left:0;right:0;height:4px;background:var(--format-color);border-radius:var(--radius) var(--radius) 0 0}.features-section[data-v-1902c036]{margin:4rem 0}.features-grid[data-v-1902c036]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-1902c036]{position:relative;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;animation:slideInUp-1902c036 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.feature-card[data-v-1902c036]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-header[data-v-1902c036]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon[data-v-1902c036]{font-size:2.5rem;color:var(--feature-color)}.feature-title[data-v-1902c036]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.feature-description[data-v-1902c036]{color:var(--text-secondary);line-height:1.6;margin:0}.feature-glow[data-v-1902c036]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--feature-color),transparent);border-radius:var(--radius);opacity:0;filter:blur(8px);transition:var(--transition);z-index:-1}.feature-card:hover .feature-glow[data-v-1902c036]{opacity:.2}.tech-stack-grid[data-v-1902c036]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-category[data-v-1902c036]{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideInUp-1902c036 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}.tech-category[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--category-color)}.category-header[data-v-1902c036]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--category-color)}.category-icon[data-v-1902c036]{font-size:2rem;color:var(--category-color)}.category-title[data-v-1902c036]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.skills-grid[data-v-1902c036]{display:grid;gap:1.5rem}.skill-card[data-v-1902c036]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.skill-card[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--category-color)}.skill-visual[data-v-1902c036]{flex-shrink:0}.progress-circle[data-v-1902c036]{position:relative;width:80px;height:80px}.progress-circle svg[data-v-1902c036]{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg[data-v-1902c036]{fill:none;stroke:var(--border);stroke-width:6}.progress-ring[data-v-1902c036]{fill:none;stroke:var(--category-color);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.skill-icon[data-v-1902c036]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skill-icon img[data-v-1902c036]{width:100%;height:100%;object-fit:contain;border-radius:6px}.skill-percentage[data-v-1902c036]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--category-color);background:var(--background);padding:.25rem .5rem;border-radius:1rem;border:1px solid var(--border)}.skill-info[data-v-1902c036]{flex:1}.skill-name[data-v-1902c036]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.architecture-section[data-v-1902c036]{margin:4rem 0}.architecture-details[data-v-1902c036]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-component[data-v-1902c036]{background:var(--background);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.arch-component[data-v-1902c036]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.component-header[data-v-1902c036]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--notepad-primary)}.component-header h4[data-v-1902c036]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.arch-component ul[data-v-1902c036]{list-style:none;padding:0;margin:0}.arch-component li[data-v-1902c036]{padding:.5rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border);line-height:1.5}.arch-component li[data-v-1902c036]:last-child{border-bottom:none}.arch-component li[data-v-1902c036]:before{content:"▶";color:var(--notepad-primary);font-size:.75rem;margin-right:.75rem}.slide-fade-enter-active[data-v-1902c036]{transition:all .5s ease-out}.slide-fade-leave-active[data-v-1902c036]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-1902c036]{transform:translateY(-30px);opacity:0}.slide-fade-leave-to[data-v-1902c036]{transform:translateY(-10px);opacity:0}@media (max-width: 1024px){.hero-section[data-v-1902c036]{flex-direction:column;text-align:center;gap:2rem}.hero-visual[data-v-1902c036]{flex:none}.container[data-v-1902c036]{padding:0 1rem}.description-grid[data-v-1902c036]{grid-template-columns:1fr;gap:2rem}.features-grid[data-v-1902c036],.formats-grid[data-v-1902c036]{grid-template-columns:repeat(2,1fr)}.tech-stack-grid[data-v-1902c036],.architecture-details[data-v-1902c036]{grid-template-columns:1fr}}@media (max-width: 768px){.hero-section[data-v-1902c036]{min-height:60vh;padding:2rem 1rem}.hero-title[data-v-1902c036]{font-size:2rem}.hero-subtitle[data-v-1902c036]{font-size:1.125rem}.editor-window[data-v-1902c036]{width:280px}.section-title[data-v-1902c036]{font-size:2rem}.features-grid[data-v-1902c036],.formats-grid[data-v-1902c036]{grid-template-columns:1fr}.card-header[data-v-1902c036]{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.card-content[data-v-1902c036]{padding:1.5rem}.skill-card[data-v-1902c036]{flex-direction:column;text-align:center;gap:1rem}.github-section[data-v-1902c036]{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){.hero-section[data-v-1902c036]{min-height:50vh;padding:1.5rem .75rem}.hero-title[data-v-1902c036]{font-size:1.75rem}.container[data-v-1902c036]{padding:0 .75rem}.card-header[data-v-1902c036],.card-content[data-v-1902c036]{padding:1rem}.toggle-button[data-v-1902c036]{width:100%;justify-content:center}.editor-window[data-v-1902c036]{width:250px}.format-indicators[data-v-1902c036]{justify-content:center}}.toggle-button[data-v-1902c036]:focus-visible,.github-button[data-v-1902c036]:focus-visible{outline:2px solid var(--notepad-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-1902c036]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-section[data-v-1902c036],.fade-in[data-v-1902c036],.feature-card[data-v-1902c036],.format-card[data-v-1902c036],.tech-category[data-v-1902c036]{opacity:1;transform:none}}.dark-mode .hero-background[data-v-1902c036]{background:linear-gradient(135deg,#4338ca,#3730a3)}.dark-mode .notepad-pattern[data-v-1902c036]{background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px)}.dark-mode .project-badge[data-v-1902c036],.dark-mode .stat-item[data-v-1902c036]{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .editor-window[data-v-1902c036]{background:#ffffff1a}.dark-mode .editor-header[data-v-1902c036]{background:#0003;border-color:#ffffff1a}.dark-mode .editor-content[data-v-1902c036]{background:#ffffff0d;color:#e5e7eb}[data-v-1902c036]::-webkit-scrollbar{width:8px}[data-v-1902c036]::-webkit-scrollbar-track{background:var(--surface)}[data-v-1902c036]::-webkit-scrollbar-thumb{background:var(--notepad-primary);border-radius:4px}[data-v-1902c036]::-webkit-scrollbar-thumb:hover{background:var(--notepad-secondary)}