.work-card[data-v-51be1c64]{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.work-card[data-v-51be1c64]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.work-card .hero-image[data-v-51be1c64]{width:100%;padding-top:56.25%;position:relative;overflow:hidden;background-color:#f3f4f6}.work-card .hero-image img[data-v-51be1c64]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.work-card .hero-image .image-placeholder[data-v-51be1c64]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.work-card .hero-image .image-placeholder span[data-v-51be1c64]{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:80px;font-weight:700;color:rgba(99,102,241,.3)}.work-card .card-content[data-v-51be1c64]{padding:20px}.work-card .card-content .tags[data-v-51be1c64]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.work-card .card-content .tags .tag[data-v-51be1c64]{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#374151}.work-card .card-content .tags .tag .dot[data-v-51be1c64]{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;flex-shrink:0}.work-card .card-content .title[data-v-51be1c64]{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:700;color:#111827;margin:0;line-height:1.4;padding-top:4px}.loading-spinner[data-v-2a6310a1]{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner .spinner-box[data-v-2a6310a1]{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.loading-spinner .spinner-box .spinner[data-v-2a6310a1]{width:40px;height:40px;border:4px solid var(--color00);border-top:4px solid var(--color07);border-radius:50%;animation:spin-2a6310a1 1s linear infinite}.loading-spinner .message[data-v-2a6310a1]{margin-top:14px;color:var(--dark01)}@keyframes spin-2a6310a1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.work-modal{z-index:1000;display:flex;justify-content:center;align-items:center}.work-modal,.work-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.work-modal-overlay{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:1001;width:90%;max-width:1200px;max-height:90vh;background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.close-btn{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-btn:hover{background:#e5e5e5}.close-btn svg{color:#6b7280}.modal-grid{display:grid;grid-template-columns:1fr;height:100%;max-height:90vh}@media(min-width:1024px){.modal-grid{grid-template-columns:1.2fr .8fr}}.image-column{background:#1a365d;padding:24px}.image-column,.image-column .carousel-container{display:flex;align-items:center;justify-content:center;position:relative}.image-column .carousel-container{width:100%;height:100%;flex-direction:column}.image-column .carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border:none;background:hsla(0,0%,100%,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease}.image-column .carousel-container .carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.image-column .carousel-container .carousel-btn.prev{left:12px}.image-column .carousel-container .carousel-btn.next{right:12px}.image-column .carousel-container .carousel-btn svg{color:#374151}.image-column .carousel-container .carousel-image-wrapper{width:100%;height:100%;min-height:400px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px rgba(0,0,0,.3);background:#f3f4f6}.image-column .carousel-container .carousel-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-column .carousel-container .carousel-image-wrapper .image-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(243,244,246,.9)}.image-column .carousel-container .carousel-dots{display:flex;gap:8px;margin-top:16px}.image-column .carousel-container .carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.image-column .carousel-container .carousel-dots .dot.active{background:#fff;transform:scale(1.2)}.image-column .carousel-container .carousel-dots .dot:hover{background:hsla(0,0%,100%,.8)}.image-column .image-placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px}.image-column .image-placeholder span{font-size:80px;opacity:.4}.info-column{background:#fff;overflow-y:auto;padding:32px}.info-column .info-content{max-width:100%}.info-column .project-title{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:700;color:var(--color07);margin:0 0 24px 0;line-height:1.3}.info-column .section{margin-bottom:28px}.info-column .section .section-label{display:block;font-size:12px;font-weight:600;letter-spacing:1px;color:#9ca3af;margin-bottom:12px;text-transform:uppercase}.info-column .section .description,.info-column .section .section-label{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.info-column .section .description{font-size:15px;line-height:1.7;color:#374151;margin:0}.info-column .section .tech-tags{display:flex;flex-wrap:wrap;gap:12px}.info-column .section .tech-tags .tech-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.5px;color:#374151}.info-column .section .tech-tags .tech-tag .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0}.info-column .actions{display:flex;gap:12px;margin-top:32px}.info-column .actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer}.info-column .actions .btn.btn-primary{background-color:var(--color00);color:#1f2937;border:none}.info-column .actions .btn.btn-primary:hover{background-color:color-mix(in srgb,var(--color00) 90%,#000);transform:translateY(-1px)}.info-column .actions .btn.btn-secondary{background-color:#1f2937;color:#fff;border:none}.info-column .actions .btn.btn-secondary:hover{background-color:#111827;transform:translateY(-1px)}@media(max-width:1023px){.modal-content{max-height:95vh}.info-column{padding:24px}.project-title{font-size:24px}}@media(max-width:640px){.modal-content{width:95%;border-radius:16px}.image-column{padding:16px}.carousel-image-wrapper{min-height:250px}.info-column{padding:20px}.project-title{font-size:20px;margin-bottom:16px}.actions{flex-direction:column}}.works[data-v-562c7272]{flex-grow:1;width:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.works .wrapper[data-v-562c7272]{width:100%;max-width:1200px;margin:0 auto}.works .title[data-v-562c7272]{text-align:center;margin-bottom:48px}.works .title h2[data-v-562c7272]{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:700;color:var(--color07);margin:0 0 8px 0}.works .title i[data-v-562c7272]{color:#6b7280;font-size:14px;font-style:normal}.works .grid-list[data-v-562c7272]{display:grid;grid-template-columns:1fr;gap:32px;width:100%}.works .grid-list.placeholder[data-v-562c7272]{min-height:600px}.works .wrap-loading[data-v-562c7272]{width:100%}@media(min-width:768px){.works .grid-list[data-v-562c7272]{grid-template-columns:repeat(2,1fr);gap:40px}}@media(min-width:1024px){.works .grid-list[data-v-562c7272]{grid-template-columns:repeat(3,1fr)}}