.page-header{padding:30px 40px;margin-bottom:50px;position:relative;background:linear-gradient(90deg,rgba(13,71,161,0.04) 0%,transparent 100%);border-radius:24px;overflow:hidden;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);} .page-header::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#0d47a1 0.5px,transparent 0.5px);background-size:20px 20px;opacity:0.15;z-index:0;mask-image:linear-gradient(to right,black,transparent);} .page-header::before{content:'';position:absolute;left:0;top:20%;height:60%;width:6px;background:linear-gradient(to bottom,#0D47A1,#1976D2);border-radius:0 10px 10px 0;box-shadow:4px 0 15px rgba(13,71,161,0.4);z-index:1;} .page-header h1{font-family:'Outfit',sans-serif;font-weight:800;font-size:3.6rem;margin-bottom:12px !important;letter-spacing:-2.5px;line-height:1.2;padding-top:5px;background:linear-gradient(135deg,#0f172a 0%,#0d47a1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1;} .page-header p{font-size:1.2rem;color:var(--gray-600);font-weight:500;max-width:700px;line-height:1.6;margin-bottom:0;position:relative;z-index:1;opacity:0.85;} .page-header:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(13,71,161,0.06) 0%,transparent 100%);} .page-header:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(13,71,161,0.06) 0%,transparent 100%);} .premium-video-hero{position:relative;overflow:hidden;padding:60px 0;text-align:center;margin-bottom:40px;color:var(--white);} .premium-video-hero .bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);z-index:0;object-fit:cover;} .premium-video-hero .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 100%);z-index:1;} .premium-video-hero h1{font-size:var(--font-4xl);font-weight:800;margin-bottom:var(--space-4) !important;position:relative;z-index:2;text-shadow:0 4px 12px rgba(0,0,0,0.9);color:var(--white) !important;} .premium-video-hero p{font-size:var(--font-lg);opacity:1;max-width:600px;margin:0 auto;position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,0.9);color:var(--white) !important;} .brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-16);} .brand-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-base);text-align:center;text-decoration:none;color:inherit;} .brand-card h4{color:var(--gray-900);margin-top:var(--space-4);font-weight:700;} .brand-card p{color:var(--gray-500);font-size:var(--font-xs);margin-top:var(--space-1);} .brand-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-5px);} .brand-logo-placeholder{width:100px;height:100px;background:var(--gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--primary-blue);margin-bottom:var(--space-4);} .pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin:50px 0;} .pagination-container .btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(13,71,161,0.1);} .pagination-container .btn-outline-primary{background:white;color:var(--gray-600);} .pagination-container .btn-primary{background:var(--primary-gradient);border:none;box-shadow:0 8px 15px rgba(13,71,161,0.2);} .pagination-container .btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.1);} .pagination-container .btn.disabled{opacity:0.5;cursor:not-allowed;background:#f1f5f9;} .campaigns-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-16);} .campaign-card-large{border-radius:var(--radius-xl);overflow:hidden;position:relative;height:300px;display:flex;align-items:center;color:var(--white);} .campaign-card-large.blue{background:linear-gradient(135deg,#0D47A1,#1565C0);} .campaign-card-large.orange{background:linear-gradient(135deg,#F57C00,#EF6C00);} .campaign-card-large.green{background:linear-gradient(135deg,#1B5E20,#2E7D32);} .campaign-card-content{padding:var(--space-10);z-index:2;max-width:350px;} .campaign-card-content h2{font-size:var(--font-3xl);margin-bottom:var(--space-3);} .campaign-card-content p{margin-bottom:var(--space-6);opacity:0.9;} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-16);} .blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);transition:all var(--transition-base);} .blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);} .blog-card-img{height:200px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--gray-300);} .blog-card-body{padding:var(--space-6);} .blog-meta{font-size:var(--font-xs);color:var(--gray-400);margin-bottom:var(--space-2);display:flex;gap:15px;} .blog-card h3{font-size:var(--font-lg);margin-bottom:var(--space-3);color:var(--gray-900);} .blog-card p{font-size:var(--font-sm);color:var(--gray-600);margin-bottom:var(--space-4);line-height:1.6;} .contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);margin-bottom:var(--space-16);} .contact-info-cards{display:flex;flex-direction:column;gap:var(--space-6);} .contact-info-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;gap:var(--space-4);} .contact-icon{width:48px;height:48px;background:var(--primary-light);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;} .contact-form{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-soft);} .form-group{margin-bottom:var(--space-5);} .form-group label{display:block;font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--gray-700);} .form-control{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);} .form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-light);} .auth-container{max-width:450px;margin:var(--space-16) auto;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);} .auth-header{text-align:center;margin-bottom:var(--space-8);} .auth-header h2{font-size:var(--font-2xl);margin-bottom:var(--space-2);} .auth-tabs{display:flex;border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-8);} .auth-tab{flex:1;text-align:center;padding:var(--space-4);font-weight:700;color:var(--gray-400);cursor:pointer;border-bottom:2px solid transparent;} .auth-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);} @media (max-width:992px){.blog-grid{grid-template-columns:1fr 1fr;} .contact-layout{grid-template-columns:1fr;} } @media (max-width:768px){.blog-grid{grid-template-columns:1fr;} .campaigns-grid{grid-template-columns:1fr;} } .pagination-container{display:flex;justify-content:center;gap:10px;margin:40px 0 80px;} .page-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid rgba(0,0,0,0.05);border-radius:12px;color:var(--gray-600);font-weight:700;transition:all 0.3s ease;cursor:pointer;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,0.02);} .page-btn:hover{background:var(--primary-lighter);color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.05);} .page-btn.active{background:var(--primary-blue);color:white;border-color:var(--primary-blue);box-shadow:0 8px 20px rgba(13,71,161,0.2);} .page-btn.disabled{opacity:0.5;pointer-events:none;}