body
{ margin:0; font-family: 'Segoe UI', sans-serif; 
    background: linear-gradient(135deg, #1e1e2f, #3a0ca3); 
    color:#fff; } header{ padding:30px; text-align:center; 
    } 
    header h1{ margin:0; font-size:2.5rem; } .breadcrumb-container
    { 
        width:80%; max-width:900px; margin:20px auto; background:#ffffff10; 
        padding:15px 20px; border-radius:15px; backdrop-filter: blur(10px); 
        box-shadow:0 10px 25px rgba(0,0,0,.25); } .breadcrumb{ display:flex; 
            flex-wrap:wrap; align-items:center; gap:8px; margin:6px 0; font-size:.9rem;
             } 
             .breadcrumb-title{ font-weight:bold; color:#ffccff; } .breadcrumb a
             { text-decoration:none; color:#fff; } .sep{ opacity:.5; } .active
             { color:#ffccff; font-weight:bold; } .tag{ background:#ffccff22; border:1px solid #ffccff55;
              padding:4px 10px; border-radius:20px; font-size:.8rem; } .search-box
              { margin:30px auto; width:80%; max-width:600px; display:flex; gap:10px; } .search-box input
              { width:100%; padding:15px; border:none; border-radius:30px; } .search-box button{ padding:15px 20px; 
                border:none; border-radius:30px; background:#ffccff; cursor:pointer; } 
                .container{ display:flex; gap:30px; padding:30px; flex-wrap:wrap; }
                 .results{ flex:2; display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap:20px; } 
                 .card{ background:#ffffff15; border-radius:15px; padding:20px; } 
                 .video-box{ flex:1; min-width:280px; background:#ffffff15; border-radius:15px; padding:20px; } 
                 .home-container{ width:80%; max-width:900px; margin:40px auto; display:grid; grid-template-columns:1fr 1fr; gap:30px; } 
                 .intro-card{ background:#ffffff15; border-radius:15px; padding:25px; backdrop-filter: blur(10px);
                  box-shadow:0 10px 30px rgba(0,0,0,.3); } .intro-card h2{ color:#ffccff; } .intro-card p{ line-height:1.6; } 
                  .intro-card form{ display:flex; flex-direction:column; gap:10px; } 
                  .intro-card input{ padding:8px; border-radius:8px; border:none; } 
                  .btn-primary{ display:inline-block; text-align:center; margin-top:10px; padding:12px;
                   background:#ffccff; border-radius:25px; text-decoration:none; color:#000;
                    font-weight:bold; border:none; cursor:pointer; } .image-grid{ display:grid; 
                        grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:15px; } 
                        .image-grid img{ width:100%; height:140px; object-fit:cover; 
                            border-radius:10px; transition:.3s; } .image-grid img:hover{ transform:scale(1.05); }