*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.nav-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#333}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#42b883}.footer{margin-top:auto;background-color:#f5f5f5;padding:2rem 0}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1rem}.footer-links a{color:#666;text-decoration:none}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}.carousel-container[data-v-8bc22f4a]{width:100%;margin-bottom:2rem}.no-items[data-v-8bc22f4a]{text-align:center;padding:3rem;background-color:#f5f5f5;border-radius:8px;color:#666}.carousel[data-v-8bc22f4a]{position:relative;width:100%;height:400px;overflow:hidden;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.carousel-slides[data-v-8bc22f4a]{width:100%;height:100%;position:relative}.carousel-slide[data-v-8bc22f4a]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.carousel-slide.active[data-v-8bc22f4a]{opacity:1;z-index:1}.slide-content[data-v-8bc22f4a]{text-align:center;color:#fff;padding:2rem;max-width:800px}.slide-content h2[data-v-8bc22f4a]{font-size:2.5rem;margin-bottom:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.slide-content p[data-v-8bc22f4a]{font-size:1.2rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.view-btn[data-v-8bc22f4a]{padding:.8rem 2rem;background-color:#42b883;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.view-btn[data-v-8bc22f4a]:hover{background-color:#3aa876}.carousel-control[data-v-8bc22f4a]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:hsla(0,0%,100%,.5);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .3s}.carousel-control[data-v-8bc22f4a]:hover{background-color:hsla(0,0%,100%,.8)}.carousel-control.prev[data-v-8bc22f4a]{left:20px}.carousel-control.next[data-v-8bc22f4a]{right:20px}.carousel-indicators[data-v-8bc22f4a]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2}.indicator[data-v-8bc22f4a]{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;transition:background-color .3s}.indicator.active[data-v-8bc22f4a]{background-color:#42b883}@media (max-width:768px){.carousel[data-v-8bc22f4a]{height:300px}.slide-content h2[data-v-8bc22f4a]{font-size:1.8rem}.slide-content p[data-v-8bc22f4a]{font-size:1rem}}.home[data-v-16f84dca]{padding-top:60px}.container[data-v-16f84dca]{max-width:1200px;margin:0 auto;padding:0 1rem}.admin-entry[data-v-16f84dca]{position:fixed;top:70px;right:20px;z-index:100}.admin-btn[data-v-16f84dca]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#42b883;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .3s,transform .2s}.admin-btn[data-v-16f84dca]:hover{background-color:#3aa876;transform:translateY(-2px)}.about-preview[data-v-16f84dca]{padding:4rem 0;background:#f9f9f9}.profile-card[data-v-16f84dca]{display:flex;gap:2rem;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.profile-image img[data-v-16f84dca]{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-info h2[data-v-16f84dca]{margin-bottom:1rem}.skills[data-v-16f84dca]{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.skill-tag[data-v-16f84dca]{background:#42b883;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.blog-preview[data-v-16f84dca]{padding:4rem 0}.blog-grid[data-v-16f84dca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-card[data-v-16f84dca]{cursor:pointer;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.blog-card[data-v-16f84dca]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.blog-image img[data-v-16f84dca]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.blog-content[data-v-16f84dca]{padding:1.5rem}.date[data-v-16f84dca]{color:#666;font-size:.9rem;margin:.5rem 0}.read-more[data-v-16f84dca]{display:inline-block;margin-top:1rem;color:#42b883;text-decoration:none}.projects-preview[data-v-16f84dca]{padding:4rem 0;background:#f9f9f9}.project-slider[data-v-16f84dca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card[data-v-16f84dca]{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.project-card img[data-v-16f84dca]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.project-info[data-v-16f84dca]{padding:1.5rem}.view-project[data-v-16f84dca]{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#42b883;color:#fff;text-decoration:none;border-radius:5px}.contact-preview[data-v-16f84dca]{padding:4rem 0;text-align:center}.social-links[data-v-16f84dca]{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.social-link[data-v-16f84dca]{font-size:2rem;color:#333;transition:color .3s ease}.social-link[data-v-16f84dca]:hover{color:#42b883}.email-link[data-v-16f84dca]{color:#42b883;text-decoration:none;font-size:1.2rem}@media (max-width:768px){.hero[data-v-16f84dca]{height:50vh}.hero-content h1[data-v-16f84dca]{font-size:2rem}.profile-card[data-v-16f84dca]{flex-direction:column;text-align:center}.profile-image[data-v-16f84dca]{margin:0 auto}.blog-grid[data-v-16f84dca],.project-slider[data-v-16f84dca]{grid-template-columns:1fr}}[data-v-16f84dca] .blog-detail-dialog{max-width:800px;margin:20px auto}[data-v-16f84dca] .blog-detail-dialog .el-message-box__content{padding:20px;line-height:1.6;font-size:16px}.admin-login[data-v-2dcb0900]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding-top:60px}.login-container[data-v-2dcb0900]{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:400px}.login-container h2[data-v-2dcb0900]{text-align:center;margin-bottom:1.5rem;color:#333}.form-group[data-v-2dcb0900]{margin-bottom:1.5rem}.form-group label[data-v-2dcb0900]{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input[data-v-2dcb0900]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-2dcb0900]:focus{border-color:#42b883;outline:none}.login-btn[data-v-2dcb0900]{width:100%;padding:.8rem;background-color:#42b883;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-btn[data-v-2dcb0900]:hover{background-color:#3aa876}.login-btn[data-v-2dcb0900]:disabled{background-color:#88d4b2;cursor:not-allowed}.error-message[data-v-2dcb0900]{background-color:#f8d7da;color:#721c24;padding:.8rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}