.pagination-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border-radius:15px;justify-content:space-between;margin:30px 0 40px;padding:15px 20px}.pagination-button,.pagination-container{align-items:center;border:1px solid #6366f133;display:flex}.pagination-button{background:#1e293bb3;border-radius:12px;color:#cbd5e1;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.pagination-button:hover:not(.disabled){background:#334155cc;border-color:#6366f166;color:#fff;transform:translateY(-2px)}.pagination-button.disabled{cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;display:flex;flex-direction:column;text-align:center}.pagination-info span{color:#cbd5e1;font-size:.95rem;font-weight:500}.pagination-summary{color:#94a3b8!important;font-size:.8rem!important;margin-top:5px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:15px}.pagination-info{margin-bottom:10px;order:-1}.pagination-button{justify-content:center;width:100%}}body,html{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#0f172a,#1e293b,#312e81,#1e40af,#0f172a,#374151,#4c1d95);background-attachment:fixed;background-size:400% 400%;color:#e2e8f0;font-family:Poppins,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0;position:relative;scrollbar-width:none}body,html,html:before{height:100%;width:100%}html:before{background:radial-gradient(at 40% 20%,#6366f126 0,#0000 50%),radial-gradient(at 80% 0,#8b5cf626 0,#0000 50%),radial-gradient(at 0 50%,#4ade801a 0,#0000 50%),radial-gradient(at 100% 100%,#a855f71a 0,#0000 50%);content:"";left:0;pointer-events:none;position:fixed;top:0;z-index:-1}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 0}75%{background-position:0 0}to{background-position:0 50%}}#root{background-color:initial;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}*{box-sizing:border-box;margin:0;padding:0}.btn1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7683f9,#7683f9,#7683f9);border:1px solid #a78bfa4d;border-radius:50px;box-shadow:0 4px 15px #8b5cf666;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;height:48px;letter-spacing:.5px;max-width:100%;min-width:160px;overflow:hidden;padding:12px 28px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.btn1:hover{background:linear-gradient(135deg,#7683f9,#394cff);box-shadow:0 8px 25px #8b5cf680;transform:translateY(-3px)}.btn1:active{transform:translateY(-1px)}.btn1:focus{box-shadow:0 0 0 3px #8b5cf64d,0 8px 25px #8b5cf666;outline:none}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172ab3;border-bottom:1px solid #6366f11a;box-shadow:0 8px 32px #0003;display:flex;justify-content:space-between;padding:12px 5%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{background:#0f172ae6;padding:8px 5%}.logo h1{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;text-decoration:none}.logo h1,nav ul{font-weight:700;margin:0}nav ul{display:flex;gap:20px;list-style:none;padding:0}nav ul li a{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e293b4d;border:1px solid #0000;border-radius:22px;box-shadow:0 2px 5px #0000000d;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:500;gap:8px;letter-spacing:.3px;padding:6px 14px;position:relative;text-decoration:none;transition:all .25s ease}.dropdown-icon,.nav-icon{font-size:.9rem;opacity:.9;transition:transform .2s ease}nav ul li a:hover{background:#1e293b99;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-1px)}nav ul li a.active{background:#4f46e533;border-color:#6366f166;color:#c7d2fe}.dropdown-container{position:relative}.dropdown-toggle{background:#1e293b4d!important;border-radius:22px!important;padding:6px 14px!important}.dropdown-arrow{font-size:.65rem;margin-left:4px;opacity:.7;transition:transform .3s ease}.dropdown-container:hover .dropdown-arrow{opacity:1;transform:rotate(180deg)}.dropdown-menu{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172ad9;border-radius:20px;box-shadow:0 10px 30px #00000040,0 0 0 1px #6366f11a,0 0 20px #6366f126;display:flex;flex-direction:column;gap:0;left:50%;margin-top:10px;min-width:200px;opacity:0;transform:translateX(-50%) translateY(10px);transition:opacity .25s,transform .25s,visibility 0s linear .25s;visibility:hidden;z-index:1001}.dropdown-container:after{background:#0000;content:"";height:15px;left:0;position:absolute;top:100%;width:100%}.dropdown-container:hover .dropdown-menu,.dropdown-menu:hover{background:#0f172ad9;border-radius:20px;opacity:1;transform:translateX(-50%) translateY(0);transition:opacity .25s,transform .25s,visibility 0s;visibility:visible}.dropdown-menu li{width:100%}.dropdown-menu li a{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#e2e8f0;display:flex;font-size:.85rem;min-width:100px;padding:10px 16px;width:calc(100% - 4px)}.dropdown-menu li a:hover{background:#6366f126;color:#a5b4fc;transform:none}.dropdown-menu li a.active{background:#6366f133;color:#c7d2fe}.dropdown-menu li a:hover .dropdown-icon{transform:scale(1.4) rotate(1turn)}.header-dropdown-overlay{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0f172a33;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.header{flex-direction:column;padding:12px 5%}.logo h1{font-size:1.3rem}nav ul{flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}nav ul li a{font-size:.8rem;padding:5px 12px}.dropdown-container{position:static}.dropdown-menu{border-radius:20px;display:none;left:0;margin:8px auto 0;position:absolute;right:0;transform:none!important;width:94%}.dropdown-container.active .dropdown-menu,.dropdown-container:hover .dropdown-menu{animation:fadeInMobile .25s ease forwards;display:flex;opacity:1;visibility:visible}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(-8px)!important}to{opacity:1;transform:translateY(0)!important}}}.footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172acc;border-top:1px solid #6366f133;color:#f3f4f6;margin-top:40px;padding:40px 0}.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 5%}.footer p{color:#cbd5e1;margin:10px 0;opacity:.8}.social-links a{color:#cbd5e1;font-size:1.5rem;opacity:.8;overflow:hidden;position:relative}.social-links a:hover{border-color:#6366f180;box-shadow:0 10px 20px #0000004d;color:#a5b4fc;opacity:1}.social-links a:after{background:radial-gradient(circle,#6366f14d 0,#0000 70%);content:"";height:100%;opacity:0;position:absolute;transition:all .3s ease;width:100%}.social-links a:hover:after{opacity:1;transform:scale(1.5)}@media (max-width:768px){.footer-content{flex-direction:column;gap:20px;text-align:center}.social-links{justify-content:center}}.layout-container{background-color:initial;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden}.layout-container,main{display:flex;width:100%}main{align-items:center;flex:1 1;flex-direction:column;margin-top:80px;padding-bottom:40px}@media (max-width:768px){main{margin-top:60px}}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:92vh;overflow:hidden;padding:0 5%;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 20% 30%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.hero h1{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:20px}.hero p{color:#cbd5e1;font-size:1.3rem;margin-bottom:40px;max-width:600px}.button-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;max-width:500px;width:100%}.button-group .btn,.button-group .btn1{flex:1 1;min-width:160px}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172ab3;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;margin-top:30px;padding:40px;transform:translateY(0);transition:all .3s ease}.glass-card:hover{border-color:#6366f14d;box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.button-group{flex-direction:column;gap:15px}}#about{margin:0;padding:80px 0;width:100%}#about h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:50px;padding:0 5%;text-align:center}#about p{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #6366f133;border-radius:15px;box-shadow:0 8px 32px #0003;color:#cbd5e1;font-size:1.1rem;line-height:1.8;margin:0 5% 25px;padding:25px}#about p:last-child{margin-bottom:0}@media (max-width:768px){#about h2{font-size:2rem;padding:0 4%}#about p{margin:0 4% 20px}}#skills{margin:0 auto;max-width:1400px;padding:80px 5%}#skills h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.skills-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.skill-category{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;padding:25px;position:relative;transform-style:preserve-3d;transition:all .3s ease}.skill-category:hover{border-color:#8b5cf666;box-shadow:0 15px 35px #6366f14d,0 0 10px #6366f133;transform:translateY(-5px)}.skill-category:before{background:linear-gradient(45deg,#6366f100,#6366f133,#8b5cf633,#6366f100);border-radius:22px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.skill-category:hover:before{opacity:1}.skill-category h3{border-bottom:1px solid #6366f14d;color:#a5b4fc;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.skill-category ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none}.skill-category li{align-items:center;background:#1e293bb3;border:1px solid #6366f126;border-radius:50px;box-shadow:0 4px 10px #0003;color:#cbd5e1;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .3s ease}.skill-category li:hover{background:#1e293be6;border-color:#6366f14d;box-shadow:0 8px 20px #6366f140,0 0 5px #6366f11a;color:#e2e8f0;transform:translateY(-3px)}.skill-icon{align-items:center;color:#a5b4fc;display:flex;font-size:1.1rem;justify-content:center}@media (max-width:1200px){.skills-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#skills h2{font-size:2rem}.skills-container{grid-template-columns:1fr}.skill-category{padding:20px}.skill-category h3{font-size:1.2rem}.skill-category li{font-size:.8rem;padding:6px 14px}}#skills-preview{margin:0 auto;max-width:1400px;padding:80px 5%}#skills-preview h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.view-all-container{display:flex;justify-content:center;margin-top:50px}.view-all-btn{align-items:center;display:flex;gap:10px;transition:all .3s ease}.btn-icon{transition:transform .3s ease}.view-all-btn:hover .btn-icon{transform:translateX(5px)}@media (max-width:768px){#skills-preview h2{font-size:2rem}}.tech-tag{background:#1e293bb3;border:1px solid #8b5cf64d;border-radius:20px;color:#e2e8f0;font-size:.85rem;gap:8px;padding:6px 12px}.tech-tag,.tech-tag.tech-icon{align-items:center;display:flex;transition:all .3s ease}.tech-tag.tech-icon{background:#0f172ad9;border:1px solid #8b5cf666;border-radius:17px;box-shadow:0 4px 12px #0003;height:34px;justify-content:center;overflow:hidden;padding:6px;white-space:nowrap;width:34px}.tech-tag.tech-icon svg{color:#a5b4fc;font-size:1.3rem;min-width:22px}.tech-tag.tech-icon .tech-name{color:#e2e8f0;display:none;font-size:.8rem;margin-left:6px}.tech-tag.tech-icon:hover{background:#1e293bf2;box-shadow:0 4px 15px #8b5cf666,0 0 8px #8b5cf633;transform:translateY(0);width:auto}.tech-tag.tech-icon:hover .tech-name{display:inline}.tech-more{align-items:center;background:#6366f1b3;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:34px;justify-content:center;transition:all .3s ease;width:34px}.tech-more:hover{background:#6366f1d9;box-shadow:0 6px 15px #6366f14d;transform:translateY(0)}#projects{padding:80px 5%}#projects h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;margin-bottom:30px;padding:15px;text-align:center}.project-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.project-item{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .2s ease}.project-item:hover{border-color:#8b5cf680;box-shadow:0 15px 35px #6366f166,0 0 15px #6366f133;transform:translateY(-16px) rotateX(10deg) rotateY(-10deg)}.project-item:before{background:linear-gradient(45deg,#6366f100,#6366f14d,#8b5cf64d,#6366f100);border-radius:22px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.project-item:hover:before{opacity:1}.project-item:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%;z-index:1}.project-item:hover:after{left:100%}.project-image{border-radius:20px 20px 0 0;height:200px;overflow:hidden;position:relative;transform:translateZ(10px);transition:all .5s ease}.project-item:hover .project-image img{transform:scale(1.05)}.project-item h3{color:#f1f5f9;font-size:1.4rem;padding:25px 25px 15px;transform:translateZ(15px);transition:all .5s ease}.project-item p{color:#cbd5e1;flex-grow:1;font-size:.95rem;padding:0 25px 15px;transform:translateZ(12px);transition:all .5s ease}.view-project-btn{background:#6366f1b3;border:1px solid #6366f14d;border-radius:50px;box-shadow:0 4px 10px #6366f14d;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin:0 25px 25px;padding:10px 20px;text-align:center;transform:translateZ(20px);transition:all .3s ease}.view-project-btn:hover{background:#6366f1e6;box-shadow:0 6px 15px #6366f180,0 0 10px #6366f14d;transform:translateY(-3px) translateZ(25px)}.project-tech-overlay{display:flex;flex-direction:row-reverse;gap:8px;position:absolute;right:15px;top:15px;transform:translateZ(0);z-index:5}.project-tech-overlay .tech-tag.tech-icon{align-items:center;background:#0f172ad9;border:1px solid #8b5cf666;border-radius:17px;box-shadow:0 4px 12px #0003;display:flex;height:34px;justify-content:center;overflow:hidden;padding:6px;transition:all .5s ease;white-space:nowrap;width:34px}.project-tech-overlay .tech-tag.tech-icon:hover{background:#1e293bf2;box-shadow:0 4px 15px #8b5cf666,0 0 8px #8b5cf633;padding:6px 15px;transform:translateY(0) translateZ(5px);width:auto}.tech-icon-wrapper{transition:transform .2s ease}.tech-icon-wrapper:hover{transform:translateZ(10px)}.skeleton-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.skeleton-image{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border-radius:20px 20px 0 0;height:200px;width:100%}.skeleton-content{display:flex;flex-direction:column;flex-grow:1;padding:25px}.skeleton-title{height:28px;margin-bottom:20px;width:70%}.skeleton-text,.skeleton-title{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border-radius:4px}.skeleton-text{height:16px;margin-bottom:15px;width:100%}.skeleton-text:last-of-type{margin-bottom:20px;width:90%}.skeleton-button{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#6366f14d 25%,#6366f166 37%,#6366f14d 63%);background-size:200% 100%;border-radius:50px;height:42px;margin-top:auto;width:120px}.skeleton-tech-overlay{display:flex;flex-direction:row-reverse;gap:8px;position:absolute;right:15px;top:15px;z-index:5}.skeleton-tech{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293bb3 25%,#2d374899 37%,#1e293bb3 63%);background-size:200% 100%;border:1px solid #8b5cf64d;border-radius:17px;height:34px;width:34px}@media (max-width:1200px){.project-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#projects h2{font-size:2rem}.project-list{grid-template-columns:1fr;padding:0 10px}.project-item{max-width:100%}.project-item h3{font-size:1.3rem;padding:20px 20px 10px}.project-item p{padding:0 20px 10px}.view-project-btn{margin:0 20px 20px}}.preview-project-list{grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.preview-project-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.preview-project-list{grid-template-columns:1fr}}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.modal-overlay{animation:fadeIn .3s ease-out;background:#000000bf}.modal-content{animation:slideUp .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;height:85vh;max-height:85vh;max-width:900px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#1e293bb3;border-radius:50%;color:#e2e8f0;display:flex;font-size:1rem;height:36px;justify-content:center;right:15px;top:15px;transition:all .3s ease;width:36px;z-index:2}.modal-close:hover{background:#6c44efb3;color:#fff}.modal-close-button{color:#fff}.modal-close-button:hover{transform:rotate(90deg);transition:color .3s ease,transform .3s ease}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;border-bottom:1px solid #6366f133;display:flex;height:10vh;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;margin:0;padding-right:35px}.modal-body{flex-grow:1;overflow-y:auto;padding:25px 40px;scrollbar-width:none}.project-detail-image{border:1px solid #6366f126;border-radius:12px;box-shadow:0 10px 25px #0003;height:300px;margin-bottom:25px}.project-detail-image img{height:100%;object-fit:cover}.project-detail-content{color:#cbd5e1}.project-detail-description{font-size:1.05rem;line-height:1.8;margin-bottom:25px;text-align:justify}.project-features,.project-tech-stack{background-color:#3f407126;border-radius:15px;margin-bottom:25px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease}.project-features:hover,.project-tech-stack:hover{background-color:#3f407140;box-shadow:0 8px 20px #0000001a}.project-features h3,.project-tech-stack h3{color:#a5b4fc;font-size:1.4rem;margin-bottom:15px}.tech-tags{display:flex;flex-wrap:wrap;gap:5px}.project-features ul{list-style-type:none;padding-left:0}.project-features li{margin-bottom:10px;padding-left:0;position:relative}.project-features li:before{display:none}.modal-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.177);border-top:1px solid #6366f133;bottom:0;flex-wrap:wrap;height:5vh;justify-content:space-between;padding:5px 40px;position:-webkit-sticky;position:sticky;z-index:1}.modal-footer,.project-links{display:flex;gap:15px}.project-link{align-items:center;background:#6366f1b3;border:1px solid #8b5cf64d;border-radius:50px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 18px;transition:all .3s ease}.project-link:hover{background:#6366f1e6;box-shadow:0 0 15px #6366f14d;color:#fff}.project-link.demo-link{background:#8b5cf6b3}.project-link.demo-link:hover{background:#8b5cf6e6}.social-share{align-items:center;display:flex;gap:15px}.social-share h4{color:#cbd5e1;font-size:.85rem;margin:0}.share-buttons{display:flex;gap:10px}.share-button{align-items:center;background:#1e293bb3;border:1px solid #6366f133;border-radius:50%;color:#cbd5e1;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.share-button:hover{border-color:#6366f180;box-shadow:0 8px 15px #0003;color:#a5b4fc;transform:translateY(-3px)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#1e293b80;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f180,#8b5cf680);background-clip:content-box;border:2px solid #0000;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1a}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);background-clip:content-box}@media (max-width:768px){.modal-header{height:8vh;padding:0 20px}.modal-body{padding:15px 20px}.modal-footer{flex-direction:row;gap:10px;height:8vh;padding:0 20px}.modal-header h2{font-size:1.2rem}.project-detail-image{height:180px}.project-links{flex:1 1;justify-content:flex-start}.social-share{align-items:center;flex-direction:row;gap:10px;justify-content:flex-end}.social-share h4{display:none}}#linkedin-posts{padding:80px 5%}#linkedin-posts h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-align:center}.section-intro{color:#cbd5e1;font-size:1.1rem;margin:0 auto 50px;max-width:700px;text-align:center}.linkedin-posts-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;opacity:0;transform:translateY(20px);transition:all .6s ease}.linkedin-posts-container.loaded{opacity:1;transform:translateY(0)}.linkedin-post-wrapper{height:100%;perspective:1000px;position:relative}.linkedin-post{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;height:440px;justify-content:center;max-height:542;overflow:hidden;transform-style:preserve-3d;transition:all .4s ease}.linkedin-post:hover{border-color:#8b5cf680;box-shadow:0 15px 35px #6366f166,0 0 15px #6366f133;transform:translateY(-5px)}.linkedin-post:before{background:linear-gradient(45deg,#6366f100,#6366f14d,#8b5cf64d,#6366f100);border-radius:22px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.linkedin-post:hover:before{opacity:1}.linkedin-post iframe{border-radius:20px;height:100%;width:100%}.linkedin-cta{align-items:center;justify-content:center;text-align:center}.linkedin-cta p{color:#cbd5e1;font-size:1.2rem;margin-bottom:10px;margin-top:20px}.skeleton-linkedin-post{background:#0f172a66;display:flex;flex-direction:column;gap:15px;padding:20px}.skeleton-linkedin-header{align-items:center;display:flex;gap:12px}.skeleton-linkedin-avatar{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border-radius:50%;height:50px;width:50px}.skeleton-linkedin-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-linkedin-name{height:16px;width:150px}.skeleton-linkedin-name,.skeleton-linkedin-title{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border-radius:4px}.skeleton-linkedin-title{height:12px;width:180px}.skeleton-linkedin-content{display:flex;flex-direction:column;gap:10px}.skeleton-linkedin-text{border-radius:4px;height:14px;width:100%}.skeleton-linkedin-image,.skeleton-linkedin-text{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%}.skeleton-linkedin-image{border-radius:8px;height:200px;margin:10px 0}.skeleton-linkedin-footer{margin-top:auto;padding-top:15px}.skeleton-linkedin-actions{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border-radius:4px;height:30px;width:100%}.posts-loading{display:none}@media (max-width:1100px){.linkedin-posts-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){#linkedin-posts h2{font-size:2rem}.linkedin-posts-container{grid-template-columns:1fr;max-width:520px}.linkedin-post{height:500px}}.home{scroll-behavior:smooth}#home-btn{background:linear-gradient(180deg,#fff0,#ffffff28);border:none;border-radius:0 0 50px 50px;box-shadow:none;font-weight:700;width:85vw}.scroll-indicator{align-items:center;bottom:30px;display:flex;flex-direction:column;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-indicator span{color:#a5b4fc;font-size:.9rem;margin-bottom:10px}.scroll-indicator .arrow{animation:arrowBounce 2s infinite;border-bottom:2px solid #a5b4fc;border-right:2px solid #a5b4fc;height:30px;transform:rotate(45deg);width:30px}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-15px) rotate(45deg)}60%{transform:translateY(-7px) rotate(45deg)}}.about-page{animation:fadeIn .5s ease-in-out;margin-top:80px;padding:40px 5%}.profile-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;margin:0 auto 40px;max-width:900px;overflow:hidden;padding:40px;position:relative}.profile-card:before{background:linear-gradient(45deg,#6366f100,#6366f133,#8b5cf633,#6366f100);border-radius:22px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.profile-card:hover:before{opacity:1}.profile-header{align-items:center;display:flex;gap:30px}.profile-image{border:4px solid #6366f14d;border-radius:50%;box-shadow:0 8px 25px #0000004d;flex:0 0 180px;height:180px;overflow:hidden;position:relative}.profile-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.profile-image:hover img{transform:scale(1.05)}.profile-info{flex:1 1}.profile-info h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;margin-bottom:10px}.profile-tagline{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin-bottom:15px}.profile-bio{color:#8b929a;line-height:1.6;margin-bottom:25px}.contact-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:20px}.contact-item{color:#cbd5e1;gap:10px}.contact-icon,.contact-item{display:flex;justify-content:center}.contact-icon{align-items:center;border:none;border-radius:50%;flex-shrink:0;height:15px;transition:all .3s ease;width:15px}.contact-item:hover .contact-icon{color:#fff;transform:scale(1.1)}.contact-item a{color:#b7c2d0;text-decoration:none;transition:all .3s ease}.contact-item:hover a{color:#a5b4fc}.profile-footer{align-items:center;border-top:1px solid #6366f126;display:flex;justify-content:space-between;margin-top:30px;padding-top:30px}.social-links a{align-items:center;background:#1e293bb3;border:1px solid #6366f133;border-radius:50%;color:#a5b4fc;display:flex;font-size:1.1rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.social-links a:hover{background:#6366f1cc;box-shadow:0 5px 15px #6366f14d;color:#fff;transform:translateY(-5px)}.download-resume{align-items:center;display:inline-flex;font-weight:500;gap:8px;justify-content:center}.download-resume:hover{background:#8b5cf6cc}.about-extended{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;margin-left:auto;margin-right:auto;max-width:900px;padding:40px}.timeline{margin:30px 0;position:relative}.timeline:before{background:#6366f14d;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:50px;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{align-items:center;background:#6366f1b3;border:1px solid #8b5cf64d;border-radius:50%;box-shadow:0 0 20px #6366f166;color:#fff;display:flex;font-size:1.1rem;height:40px;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:40px;z-index:1}.timeline-item:hover .timeline-icon{background:#6366f1e6;box-shadow:0 0 25px #6366f199;transform:scale(1.1)}.timeline-content{background:#1e293b80;border:1px solid #6366f11a;border-radius:15px;box-shadow:0 8px 25px #0003;padding:25px;transition:all .3s ease}.timeline-item:hover .timeline-content{background:#1e293bb3;border-color:#6366f14d;box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.timeline-content h4{color:#a5b4fc;font-size:1.4rem;margin-bottom:15px}.timeline-content h5{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin:10px 0}.timeline-content .date{color:#818cf8;display:block;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:5px}.timeline-content p{color:#cbd5e1;line-height:1.6;margin-bottom:10px}.education-item,.experience-item{margin-bottom:20px}.education-item:last-child,.experience-item:last-child{margin-bottom:0}.fun-facts-list,.interests-list{list-style:none;padding:0}.fun-facts-list li,.interests-list li{align-items:flex-start;color:#e2e8f0;display:flex;line-height:1.5;margin-bottom:12px}.fun-facts-list li:last-child,.interests-list li:last-child{margin-bottom:0}@media (max-width:900px){.profile-header{flex-direction:column;text-align:center}.profile-image{margin:0 auto 20px}.contact-details{justify-content:center}.profile-footer{flex-direction:column;gap:20px}.social-links{flex-wrap:wrap;justify-content:center}.profile-actions{text-align:center;width:100%}}@media (max-width:768px){.about-page{padding:30px 5%}.about-extended,.profile-card{padding:25px}.profile-info h2{font-size:1.8rem}.profile-tagline{font-size:1rem}.timeline-item{padding-left:50px}.timeline:before{left:15px}.timeline-icon{font-size:.9rem;height:32px;width:32px}.timeline-content{padding:20px}.timeline-content h4{font-size:1.2rem}.timeline-content h5{font-size:1rem}.contact-details{grid-template-columns:1fr}}.timeline-item{opacity:0;transform:translateY(30px);transition:transform .7s ease,opacity .7s ease}.timeline-item.timeline-item-visible{opacity:1;transform:translateY(0)}.timeline-item:first-child{transition-delay:.1s}.timeline-item:nth-child(2){transition-delay:.2s}.timeline-item:nth-child(3){transition-delay:.3s}.timeline-item:nth-child(4){transition-delay:.4s}.timeline-item-visible .timeline-icon{animation:pulse 1s ease-out}@keyframes pulse{0%{box-shadow:0 0 0 0 #6366f1b3;transform:scale(.8)}70%{box-shadow:0 0 0 10px #6366f100;transform:scale(1.2)}to{transform:scale(1)}}html{scroll-behavior:smooth}.projects-page{animation:fadeIn .5s ease-in-out;padding:40px 5%}.project-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #6366f133;padding:8px 20px}.filter-button.active,.filter-button:hover{background:#6366f1b3;border-color:#6366f180;box-shadow:0 4px 15px #6366f14d;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172af2;border:1px solid #6366f133;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:100%}.modal-close{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:color .3s ease}.modal-close:hover{color:#f87171}.project-detail-image{border-radius:10px;margin-bottom:30px;overflow:hidden;width:100%}.project-detail-image img{height:auto;width:100%}.project-detail-content h3{color:#f1f5f9;font-size:2rem;margin-bottom:15px}.project-detail-content p{color:#cbd5e1;line-height:1.8;margin-bottom:20px}.project-gallery{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:30px 0}.gallery-item{border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{height:100%;object-fit:cover;width:100%}.skills-page{padding-top:80px;scroll-behavior:smooth}.contact{margin:0 auto;max-width:700px;padding:80px 5%}.contact h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.contact form{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;gap:25px;padding:40px}.contact form,.contact form div{display:flex;flex-direction:column}.contact form div{gap:8px}.contact label{color:#cbd5e1;font-weight:500}.contact input,.contact textarea{background:#1e293bb3;border:1px solid #6366f14d;border-radius:10px;color:#f1f5f9;font-size:1rem;padding:15px;transition:all .3s ease}.contact input:focus,.contact textarea:focus{background:#1e293be6;border-color:#818cf8;box-shadow:0 0 0 3px #6366f133;outline:none}.contact textarea{min-height:150px;resize:vertical}.contact button{background:#6366f1b3;border:1px solid #8b5cf64d;border-radius:50px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:15px;transition:all .3s ease}.contact button:hover{background:#6366f1e6;box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.contact button:disabled{background:#475569b3;box-shadow:none;cursor:not-allowed;transform:none}.error-message,.success-message{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 8px 32px #0003;margin-bottom:20px;padding:20px;text-align:center}.error-message{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.success-message{background:#10b98133;border:1px solid #10b9814d;color:#6ee7b7}.success-message button{background:#10b981b3;border:1px solid #10b9814d;margin-top:15px}.success-message button:hover{background:#10b981e6}@media (max-width:768px){.contact h2{font-size:2rem}.contact form{padding:30px}}.contact-page{animation:fadeIn .5s ease-in-out;padding:40px 5%}.contact-info{display:flex;flex-wrap:wrap;gap:30px;margin:60px auto;max-width:900px}.contact-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;flex:1 1;min-width:280px;padding:30px;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#6366f166;box-shadow:0 15px 40px #6366f140;transform:translateY(-5px)}.contact-icon{color:#a5b4fc;font-size:2.5rem;margin-bottom:20px}.contact-card h3{color:#f1f5f9;font-size:1.3rem;margin-bottom:15px}.contact-card p{color:#cbd5e1}.contact-card a{color:#a5b4fc;display:inline-block;font-weight:500;margin-top:10px}.map-container{border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;height:400px;margin-top:60px;overflow:hidden}.map-container iframe{border:none;filter:invert(90%) hue-rotate(180deg) brightness(.85);height:100%;width:100%}.resume-container{animation:fadeIn .5s ease-in-out;margin:100px auto 40px;max-width:1200px;padding:40px 5%}.resume-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100vw}.resume-header h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin:0}.download-btn,.resume-header h2{align-items:center;justify-content:center}.download-btn{background:#6366f1b3;border:1px solid #8b5cf64d;border-radius:50px;box-shadow:0 4px 15px #6366f14d;color:#fff;display:flex;font-size:20px;font-weight:500;gap:8px;height:40px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#6366f1e6;box-shadow:0 8px 25px #6366f180;color:#fff;transform:translateY(-3px)}.pdf-container{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;height:800px;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.resume-iframe{border:none;border-radius:12px;height:100%;max-width:100%;width:100%}@media (max-width:768px){.resume-container{margin-top:80px;padding:30px 4%}.resume-header{flex-direction:column;gap:20px;margin-bottom:25px}.resume-header h2{font-size:2rem}.pdf-container{height:600px}}.photography-container{animation:fadeIn .5s ease-in-out}.photography-intro{margin-bottom:30px}.photography-intro h3{color:#f1f5f9;font-size:1.8rem;margin-bottom:10px}.photography-intro p{color:#cbd5e1;margin-bottom:20px}.social-links{display:flex;gap:10px;margin-top:20px}.social-link{align-items:center;border-radius:50px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s ease}.social-link.facebook{background:#1877f2}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link:hover{box-shadow:0 6px 15px #0000004d;color:#fff;transform:translateY(-3px)}.photo-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:30px}.photo-item{background:#0f172a99;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0003;overflow:hidden;transition:all .3s ease}.photo-item:hover{border-color:#8b5cf64d;box-shadow:0 12px 30px #6366f14d;transform:translateY(-8px)}.photo-item:before{background:linear-gradient(45deg,#6366f100,#6366f14d,#8b5cf64d,#6366f100);border-radius:18px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.photo-item:hover:before{opacity:1}.photo-item:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%;z-index:1}.photo-item:hover:after{left:100%}.photo-image{cursor:pointer;height:220px;overflow:hidden;position:relative}.photo-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.photo-item:hover .photo-image img{transform:scale(1.05)}.photo-overlay{align-items:center;background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-image:hover .photo-overlay{opacity:1}.photo-overlay svg{color:#fff;font-size:2rem}.photo-info{padding:20px}.photo-info h4{color:#f1f5f9;font-size:1.2rem;margin-bottom:8px}.photo-info p{color:#cbd5e1;font-size:.95rem;margin-bottom:15px}.photo-stats{align-items:center;display:flex;gap:15px}.photo-stats .comments,.photo-stats .likes{color:#94a3b8;font-size:.85rem}.photo-stats .source{font-size:1.2rem;margin-left:auto}.photo-stats .source.facebook{color:#1877f2}.photo-stats .source.instagram{color:#e1306c}.photo-skeleton{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border:1px solid #6366f11a;border-radius:16px;box-sizing:border-box;height:320px;overflow:hidden;position:relative;width:100%}.photo-skeleton:after{background:#0f172acc;border-top:1px solid #6366f11a;bottom:0;content:"";height:60px;left:0;position:absolute;right:0}.no-photos{color:#94a3b8;grid-column:1/-1;padding:40px;text-align:center}.source-link{align-items:center;color:#818cf8;display:inline-flex;font-weight:500;gap:8px;transition:all .3s ease}.source-link:hover{color:#a5b4fc}@media (max-width:1200px){.loading-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.loading-grid,.photo-grid{grid-template-columns:1fr}.photo-image{height:280px}.photo-skeleton{height:380px}}.graphic-design-container{animation:fadeIn .5s ease-in-out}.design-intro{margin-bottom:30px}.design-intro h3{color:#f1f5f9;font-size:1.8rem;margin-bottom:10px}.design-intro p{color:#cbd5e1}.channel-link{display:flex;flex-wrap:wrap;gap:15px}.channel-link a{gap:8px;margin-right:10px}#instagram-button{color:#c13584}#instagram-button:hover{background:#c13584;box-shadow:0 6px 15px #c135844d;color:#fff;scale:1.05}.category-filter{background:#151f50;border-radius:25px;padding:5px}.design-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:30px}.design-item{background:#0f172a99;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0003;overflow:hidden;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease;width:100%}.design-item:hover{border-color:#8b5cf64d;box-shadow:0 12px 30px #6366f14d;transform:translateY(-8px)}.design-item:before{background:linear-gradient(45deg,#6366f100,#6366f14d,#8b5cf64d,#6366f100);border-radius:18px;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.design-item:hover:before{opacity:1}.design-item:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%;z-index:1}.design-item:hover:after{left:100%}.design-image,.facebook-embed-container{cursor:pointer;height:240px;overflow:hidden;position:relative}.design-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.design-item:hover .design-image img{transform:scale(1.05)}.design-overlay{align-items:center;background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.design-image:hover .design-overlay{opacity:1}.design-overlay svg{color:#fff;font-size:2rem}.design-info{padding:20px;transform:translateZ(10px)}.design-info h4{color:#f1f5f9;font-size:1.2rem;margin-bottom:8px}.design-info p{color:#cbd5e1;font-size:.95rem;margin-bottom:15px}.design-meta,.tool-used{align-items:center;display:flex}.tool-used{color:#94a3b8;font-size:.9rem;gap:8px}.tool-used svg{color:#818cf8;font-size:1.1rem}.loading-grid{grid-gap:30px;gap:30px}.design-skeleton{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border:1px solid #6366f133;border-radius:16px;box-sizing:border-box;height:320px;overflow:hidden;position:relative;width:100%}.design-skeleton:after{background:#0f172acc;border-top:1px solid #63668d1a;bottom:0;content:"";height:80px;left:0;position:absolute;right:0}.design-skeleton:before{background:#141e2db3;content:"";height:240px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-designs{color:#94a3b8;grid-column:1/-1;padding:40px;text-align:center}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.lightbox,.lightbox-content{align-items:center;display:flex}.lightbox-content{flex-direction:column;max-height:90%;max-width:90%;position:relative}.lightbox-content img{border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:70vh;max-width:100%}.close-lightbox{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}.lightbox-details{background:#1e293bb3;border-radius:16px;height:20vh;margin-top:20px;max-width:600px;padding:20px;width:100%}.lightbox-details h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.lightbox-details p{color:#cbd5e1;margin-bottom:15px}.design-tool{align-items:center;color:#94a3b8;display:flex;gap:8px;margin-bottom:15px}.design-tool svg{color:#818cf8;font-size:1.2rem}.external-link{align-items:center;color:#818cf8;display:inline-flex;font-weight:500;gap:8px;transition:all .3s ease}.external-link:hover{color:#a5b4fc}.facebook-embed-container{border-radius:8px 8px 0 0;cursor:pointer;height:220px;overflow:hidden;position:relative}.facebook-preview-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.facebook-item:hover .facebook-preview-image{transform:scale(1.05)}.facebook-overlay{align-items:center;background:linear-gradient(180deg,#1877f21a,#1877f266);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.facebook-embed-container:hover .facebook-overlay{opacity:1}.facebook-icon{color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));font-size:2.5rem;margin-bottom:10px}.view-post-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;bottom:15px;box-shadow:0 2px 8px #0003;color:#1877f2;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;transition:all .3s ease;width:40px}.view-post-btn:hover{background:#fff;transform:scale(1.1)}.design-item.facebook-item{border-top:2px solid #1877f299}.platform-badge{align-items:center;border-radius:12px;display:flex;font-size:.8rem;font-weight:500;gap:5px;margin-left:auto;padding:4px 10px}.platform-badge.facebook{background:#1877f226;color:#1877f2}.platform-badge svg{font-size:.9rem}.facebook-lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:60vh;max-width:100%;position:relative}.facebook-lightbox-content img{border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:60vh;max-width:100%}.facebook-embed-button{margin-top:20px}.view-on-facebook{align-items:center;background:#1877f2;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.view-on-facebook:hover{background:#0d6efd;box-shadow:0 4px 12px #1877f24d;transform:translateY(-2px)}.view-on-facebook svg{font-size:1.1rem}.header-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.filter-dropdown,.header-row{position:relative;z-index:1000}.filter-button{align-items:center;background:#1e293bb3;border:1px solid #6366f14d;border-radius:50px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s ease}.filter-button:hover{background:#1e293be6;border-color:#6366f180}.filter-button svg{font-size:.9rem;transition:transform .3s ease}.filter-button .rotated{transform:rotate(180deg)}.dropdown-menu{animation:fadeIn .2s ease;background:#0f172af2;border-radius:12px;box-shadow:0 10px 25px #0003,0 0 0 1px #6366f133;margin-top:8px;right:0;top:100%;width:220px}.dropdown-item{font-size:.95rem;padding:12px 16px;transition:all .2s ease}.dropdown-item:hover{background:#33415580;color:#fff}.dropdown-item.active{background:#6366f14d;color:#fff;font-weight:500}@media (max-width:900px){.header-row{align-items:flex-start;flex-direction:column;gap:15px}.filter-dropdown{width:100%}.filter-button{justify-content:space-between;width:100%}.dropdown-menu{width:100%}.design-grid,.loading-grid{grid-template-columns:1fr}.design-image,.facebook-embed-container{height:280px}.design-skeleton{height:380px}}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(2,6,23,.463);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.video-modal-content{animation:modalSlideUp .4s ease-out,glowPulse 3s infinite alternate;background:#0f172af2;border:1px solid #6366f14d;border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 30px #6366f166,0 0 80px #8b5cf633;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;scrollbar-width:none;width:90%;z-index:10001}@keyframes glowPulse{0%{box-shadow:0 25px 50px #00000080,0 0 20px #6366f14d,0 0 60px #8b5cf61a}to{box-shadow:0 25px 50px #00000080,0 0 30px #8b5cf680,0 0 80px #6366f14d}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.video-modal-content:before{border-radius:25px;bottom:-5px;content:"";filter:blur(15px);left:-5px;opacity:.7;position:absolute;right:-5px;top:-5px;z-index:-1}[data-platform=youtube] .video-modal-content:before{background:linear-gradient(45deg,#ff00004d,#0000)}[data-platform=tiktok] .video-modal-content:before{background:linear-gradient(45deg,#00dce14d,#ee1d524d)}[data-platform=facebook] .video-modal-content:before{background:linear-gradient(45deg,#1877f24d,#0000)}.video-modal-close{align-items:center;background:#1e293bcc;border:1px solid #6366f133;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10002}.video-modal-close:hover{background:#6366f1cc;color:#fff;transform:rotate(90deg)}.video-modal-player{border-radius:20px 20px 0 0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-modal-player iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-details{padding:25px 30px 30px}.video-modal-details h3{color:#f1f5f9;font-size:1.6rem;margin-bottom:15px}.video-modal-details p{color:#cbd5e1;line-height:1.6;margin-bottom:20px}.video-modal-meta{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;gap:20px}.video-modal-meta .views{align-items:center;display:flex;gap:5px}.video-modal-meta .tool{align-items:center;display:flex;gap:8px}.video-modal-link{align-items:center;background:#6366f133;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:.9rem;gap:8px;margin-left:auto;padding:8px 16px;text-decoration:none;transition:all .3s ease}.video-modal-link:hover{background:#6366f1cc;box-shadow:0 5px 15px #6366f14d;color:#fff}.video-modal-link.platform-youtube{background:#f003;color:#f99}.video-modal-link.platform-youtube:hover{background:#f00c;box-shadow:0 5px 15px #ff00004d;color:#fff}.video-modal-link.platform-tiktok{background:#00dce133;color:#00dce1}.video-modal-link.platform-tiktok:hover{background:linear-gradient(45deg,#00f2ea,#ff0050);box-shadow:0 5px 15px #00dce14d;color:#fff}.video-modal-link.platform-facebook{background:#1877f233;color:#7cb5ff}.video-modal-link.platform-facebook:hover{background:#1877f2cc;box-shadow:0 5px 15px #1877f24d;color:#fff}.tool-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:18px;width:18px}.tool-icon.premiere{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 234' fill='%2399f'%3E%3Cpath d='M42.5 0h155C221 0 240 19 240 42.5v149c0 23.5-19 42.5-42.5 42.5h-155C19 234 0 215 0 191.5v-149C0 19 19 0 42.5 0z'/%3E%3Cpath d='M116.3 140.5c0 1.6-.3 2.2-1.9 2.2h-10.9v-69h12.8v66.8zm56.4-34.5c-3.8-1.6-7.8-2.4-11.7-2.4-6.3 0-8 2.5-8 6.3v1c0 4.1 2 5.7 13.7 8.2 17.4 3.8 22.9 7.5 22.9 21.6 0 13.7-8.5 21-29.5 21-8.7 0-18.1-1.8-23.3-4.3v-14.1c5.9 2.5 13.6 3.8 22.2 3.8 7.8 0 9.3-2.2 9.3-7.9v-1c0-3.8-1.8-5.7-13.6-8.3-16.3-3.5-23-7.8-23-20.8 0-14.1 9.4-20.1 29-20.1 6.5 0 12.6.7 19 2.2V105z' fill='%23dfdfef'/%3E%3C/svg%3E")}.tool-icon.resolve{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2399f'%3E%3Cpath d='M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25C9.925 27 5 22.075 5 16S9.925 5 16 5s11 4.925 11 11-4.925 11-11 11zm2-11a2 2 0 1 1-4 0 2 2 0 0 1 4 0z'/%3E%3C/svg%3E")}.tool-icon.capcut{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2399f'%3E%3Cpath d='m21.63 5.84-4.2-4.2c-.28-.28-.67-.44-1.06-.44H7.64c-.4 0-.78.16-1.06.44l-4.21 4.2a1.49 1.49 0 0 0 0 2.12l4.2 4.2c.28.28.67.44 1.06.44h8.73c.4 0 .78-.16 1.06-.44l4.2-4.2a1.5 1.5 0 0 0 .01-2.12zM16 10H8c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h8c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1zm5 2H3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h5v-2h8v2h5c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1z'/%3E%3C/svg%3E")}@media (max-width:768px){.video-modal-content{width:95%}.video-modal-details h3{font-size:1.3rem}.video-modal-details p{font-size:.9rem}.video-modal-meta{align-items:flex-start;flex-direction:column;gap:10px}.video-modal-link{margin-left:0}}.tiktok-thumbnail{background-position:50%;background-size:cover;height:100%;overflow:hidden;position:relative;width:100%}.tiktok-overlay{background:linear-gradient(0deg,#000000b3,#0000 50%);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:15px;position:absolute;right:0;top:0}.tiktok-logo{filter:drop-shadow(0 0 3px rgba(0,0,0,.5));font-size:2rem;position:absolute;right:10px;top:10px}.tiktok-user{font-size:.7rem;font-weight:700;margin-bottom:5px}.tiktok-caption{font-family:fantasy;font-size:2.5rem;margin-bottom:20px;opacity:1;text-align:center}.tiktok-music-note{animation:spin 2s linear infinite;bottom:10px;font-size:1.5rem;position:absolute;right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-item:hover .tiktok-thumbnail{animation:tiktok-pulse 1.5s infinite alternate}@keyframes tiktok-pulse{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.video-editing-container{animation:fadeIn .5s ease-in-out}.video-intro{margin-bottom:30px}.video-intro h3{color:#f1f5f9;font-size:1.8rem;margin-bottom:10px}.video-intro p{color:#cbd5e1;margin-bottom:20px}.channel-link{align-items:center;justify-content:center;margin-top:20px}.channel-link a{align-items:center;background:#fff;border-radius:15px;box-shadow:none;display:inline-flex;font-size:.95rem;font-weight:500;font-weight:700;gap:3px;margin-right:0;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:background .3s ease,color .3s ease,box-shadow scale .3s ease ease .3s}#youtube-button{color:#c00}#youtube-button:hover{background:#c00;box-shadow:0 6px 15px #ff00004d;color:#fff;scale:1.05}#tiktok-button{color:#8a0b9a}#tiktok-button:hover{background:#8a0b9a;box-shadow:0 6px 15px #0000ff4d;color:#fff;scale:1.05}#facebook-button{color:#1877f2}#facebook-button:hover{background:#1877f2;box-shadow:0 6px 15px #1877f24d;color:#fff;scale:1.05}.channel-link a svg{font-size:1.2rem}.category-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.category-button{background:#1e293bb3;border:1px solid #6366f133;border-radius:20px;color:#cbd5e1;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.category-button.active{background:#6366f1b3;border-color:#8b5cf64d;color:#fff}.category-button:hover:not(.active){background:#1e293be6;border-color:#6366f166}.video-player-container{background:#0f172a99;border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0003;margin:30px 0;padding:20px}.video-player{border-radius:12px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-player iframe{border-radius:12px;box-shadow:0 8px 25px #0000004d;height:100%;left:0;position:absolute;top:0;width:100%}.video-details{padding:20px 10px 0}.video-details h3{color:#f1f5f9;font-size:1.5rem;margin-bottom:10px}.video-details p{color:#cbd5e1;margin-bottom:15px}.video-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.video-meta .tool,.video-meta .views{color:#94a3b8;font-size:.9rem}.video-meta .tool{align-items:center;display:flex;gap:8px}.video-meta .tool svg{color:#818cf8;font-size:1.1rem}.platform-icon{font-size:1.5rem}.platform-icon.youtube{color:red}.platform-icon.tiktok{color:#00f2ea}.platform-icon.facebook{color:#1877f2}.video-item{background:#0f172a99;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0003;cursor:pointer;overflow:hidden;transition:all .3s ease}.video-item:hover{border-color:#8b5cf64d;box-shadow:0 12px 30px #6366f14d;transform:translateY(-8px)}.video-item.platform-tiktok{border:1px solid #00dce14d}.video-item.platform-tiktok:hover{border-color:#00dce199;box-shadow:0 10px 30px #0000004d,0 0 15px #00dce14d}.video-item.platform-facebook{border:1px solid #1877f24d}.video-item.platform-facebook:hover{border-color:#1877f299;box-shadow:0 10px 30px #0000004d,0 0 15px #1877f24d}.video-item.platform-youtube{border:1px solid #ff00004d}.video-item.platform-youtube:hover{border-color:#f009;box-shadow:0 10px 30px #0000004d,0 0 15px #ff00004d}.video-thumbnail{height:180px;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.video-item:hover .video-thumbnail img{transform:scale(1.05)}.play-overlay{align-items:center;background:#0f172a4d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.play-overlay svg{color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));font-size:3rem;z-index:3000}.duration{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;padding:3px 8px;position:absolute;right:10px}.video-thumbnail .platform-icon{filter:drop-shadow(0 0 5px rgba(0,0,0,.5));font-size:1.4rem;position:absolute;right:10px;top:10px}.video-info{padding:20px}.video-info h4{color:#f1f5f9;font-size:1.1rem;margin-bottom:8px;white-space:nowrap}.video-info h4,.video-info p{overflow:hidden;text-overflow:ellipsis}.video-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:.9rem;margin-bottom:15px}.video-stats{align-items:center;display:flex}.video-stats .views{color:#94a3b8;font-size:.85rem}.loading-grid{width:100%}.video-grid{position:relative;z-index:1}.loading-grid,.video-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:30px}@media (max-width:1200px){.loading-grid,.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.loading-grid,.video-grid{grid-template-columns:1fr}.video-thumbnail{height:220px}.video-skeleton{height:320px}}.platform-tiktok .video-thumbnail:before{background:linear-gradient(45deg,#ee1d5280,#00dce180);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.platform-tiktok .video-thumbnail:hover:before{opacity:.5}.platform-facebook .video-thumbnail:before{background:linear-gradient(90deg,#1877f24d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.platform-facebook .video-thumbnail:hover:before{opacity:.5}.filter-search-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border:1px solid #6366f133;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:15px 20px;position:relative;z-index:1000}.filter-group{position:relative}.category-dropdown{min-width:160px;position:relative;z-index:1500}.dropdown-toggle{align-items:center;background:#1e293bcc;border:1px solid #6366f133;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:10px 15px;transition:all .2s ease;width:100%}.dropdown-toggle svg:last-child{font-size:.8rem;margin-left:auto;transition:transform .3s}.category-dropdown.active .dropdown-toggle svg:last-child{transform:rotate(180deg)}.dropdown-toggle:hover{background:#334155e6;border-color:#6366f166}.dropdown-menu{animation:fadeInDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #6366f133;border-radius:8px;box-shadow:0 10px 25px #0003;isolation:isolate;left:0;overflow:hidden;position:absolute;top:calc(100% + 8px);transform:translateZ(0);width:100%;z-index:2000}.dropdown-item{background:#0000;border:none;color:#cbd5e1;cursor:pointer;display:block;padding:10px 15px;text-align:left;transition:all .2s;width:100%}.dropdown-item.active{background:#6366f133;color:#a5b4fc}.dropdown-item:hover:not(.active){background:#33415599}.platform-filters{display:flex;gap:10px;position:relative;z-index:1100}.platform-filter-btn{align-items:center;background:#1e293bcc;border:1px solid #6366f133;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.platform-filter-btn svg{font-size:1.2rem}.platform-filter-btn.active{border-width:2px}.platform-filter-btn.youtube{border-color:#ff00004d;color:red}.platform-filter-btn.youtube.active{background:#ff000026;border-color:#f009;box-shadow:0 0 15px #ff000026}.platform-filter-btn.tiktok{border-color:#00f2ea4d;color:#00f2ea}.platform-filter-btn.tiktok.active{background:#00f2ea26;border-color:#00f2ea99;box-shadow:0 0 15px #00f2ea26}.platform-filter-btn.facebook{border-color:#1877f24d;color:#1877f2}.platform-filter-btn.facebook.active{background:#1877f226;border-color:#1877f299;box-shadow:0 0 15px #1877f226}.search-bar{flex-grow:1;min-width:200px;position:relative;z-index:1100}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;font-size:.9rem;left:15px;position:absolute}.search-bar input{background:#1e293bcc;border:1px solid #6366f133;border-radius:8px;color:#cbd5e1;font-size:.95rem;padding:10px 40px;transition:all .3s ease;width:100%}.search-bar input:focus{background:#334155e6;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-bar input::placeholder{color:#64748b}.clear-search{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;position:absolute;right:15px;transition:all .3s ease}.clear-search:hover{color:#e2e8f0}.reset-filters-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.reset-filters-btn:hover{background:#6366f14d;color:#c7d2fe}.filter-results-summary{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.video-skeleton{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1e293b99 25%,#2d374880 37%,#1e293b99 63%);background-size:200% 100%;border:1px solid #6366f133;border-radius:16px;box-sizing:border-box;height:280px;overflow:hidden;position:relative;width:100%}.video-skeleton:after{background:#0f172acc;border-top:1px solid #63668d1a;bottom:0;content:"";height:100px;left:0;position:absolute;right:0}.video-skeleton:before{background:#141e2db3;content:"";height:180px;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.filter-search-container{align-items:stretch;flex-direction:column;padding:15px}.category-dropdown,.search-bar{width:100%}.platform-filters{justify-content:space-between;width:100%}.platform-filter-btn{flex-grow:1}.reset-filters-btn{margin-top:5px;width:100%}}@media (min-width:769px) and (max-width:1024px){.filter-search-container{gap:10px}.category-dropdown{min-width:140px}}.creative-works-page{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1400px;padding:50px 5% 80px}.creative-works-header{margin-bottom:40px;text-align:center}.creative-works-header h2{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700}.creative-works-header .subtitle{color:#cbd5e1;font-size:1.1rem;margin:15px auto 0;max-width:600px}.creative-tabs{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.tab-button{align-items:center;background:#1e293bb3;border:1px solid #6366f133;border-radius:50px;color:#cbd5e1;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:12px 24px;transition:all .3s ease}.tab-button.active{background:#6366f1b3;border-color:#8b5cf64d;box-shadow:0 4px 15px #6366f14d;color:#fff}.tab-button:hover:not(.active){background:#1e293be6;border-color:#6366f166;transform:translateY(-2px)}.tab-icon{font-size:1.2rem}.creative-content{min-height:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.creative-works-page{padding:100px 4% 60px}.creative-works-header h2{font-size:2rem}.creative-tabs{flex-direction:column;gap:12px;margin:0 auto 40px;max-width:280px}}
/*# sourceMappingURL=main.8183328a.css.map*/