.main-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center}.logo-placeholder{width:30px;height:25px;background-color:#3e78f9;border-radius:4px;margin-right:10px}.app-name{font-size:1.25rem;font-weight:600;color:#333}.header-center{display:flex;align-items:center;flex-grow:1;margin:0 2rem}.user-profile{display:flex;align-items:center;margin-right:2rem}.profile-pic{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover}.user-name{font-weight:500;color:#555;white-space:nowrap}.search-bar{flex-grow:1}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e0e0e0;border-radius:25px;background-color:#f7f7f7;font-size:1rem;color:#777;outline:none}.header-right{display:flex;align-items:center}.icon-container{position:relative;margin-left:1rem;cursor:pointer;color:#777}.icon-container:hover{color:#333}.notification-dot{position:absolute;top:-5px;right:-5px;width:8px;height:8px;background-color:#f44336;border-radius:50%;border:1px solid #fff}input.Search-everything{width:95%}.app-container{display:flex;height:100vh}.sidebar{width:250px;background-color:#f0f2f5;padding:12px;box-shadow:2px 0 5px #0000001a}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{margin-bottom:10px}.sidebar nav a{text-decoration:none;color:#333;display:block;padding:10px;border-radius:4px}li.nav-flex-item:hover{background-color:#e0e2e5}.main-content{flex-grow:1;padding:20px;overflow-y:auto;background-color:#fff;width:100%}li.nav-flex-item{display:flex;align-items:center}.p-4{padding:1rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}table{width:100%;border-collapse:collapse;margin-top:1rem;box-shadow:0 2px 8px #0000001a}thead tr{background-color:#f3f4f6}th,td{border:1px solid #d1d5db;padding:.75rem 1rem;text-align:left}th{font-weight:600;color:#111827}td{color:#374151}tr:nth-child(2n){background-color:#f9fafb}tr:hover{background-color:#e5e7eb;transition:background-color .2s}p{color:#6b7280;font-size:1rem}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.section{margin-bottom:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:24px;font-weight:700}.section-header a{color:orange;text-decoration:none;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card2{background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:20px;box-shadow:0 2px 5px #0000000d}.card2 img{width:100%;height:180px;object-fit:cover;border-radius:4px}.card2 .time{font-size:12px;color:#888;margin-top:8px}.card2 .title{font-size:15px;font-weight:600;margin-top:6px}.tags{margin-bottom:20px}.tag-button{padding:6px 14px;margin-right:10px;font-size:13px;border:1px solid #ccc;border-radius:20px;background-color:#f8f8f8;cursor:pointer}.tag-button:hover{background-color:#eee}.meta{font-size:12px;color:#666;margin-top:6px;display:flex;gap:10px}.plans-wrapper{max-width:1000px;margin:40px auto;padding:20px}.back-link{display:inline-block;margin-bottom:20px;color:#2563eb;text-decoration:none}.plans-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.plan-card{background:#fff;border-radius:10px;padding:24px;flex:1 1 300px;max-width:400px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between}.plan-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.plan-header h3{font-size:22px;margin:0}.price{font-size:24px;font-weight:700;color:#111827}.price .per{font-size:14px;color:#6b7280;margin-left:2px}.plan-features{list-style:none;padding:0;margin:0 0 20px;line-height:1.6;color:#374151}.plan-features li{margin-bottom:8px}.activate-btn{padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s ease;font-family:Urbanist,sans-serif}.activate-btn:hover{background:#4338ca}.active-sub{margin-top:30px;padding:16px;border-radius:10px;background:#f1f5f9;text-align:center;font-family:Urbanist,sans-serif}body{font-family:Urbanist,sans-serif;font-weight:400;font-style:normal;margin:0}.Container{max-width:1600px;margin:0 auto}.flex{display:flex}img{width:100%}a{text-decoration:auto;color:#000;cursor:pointer}input{width:100%;border:1px solid #ada9a9;padding:9px 0;border-radius:5px}textarea{width:100%;margin-bottom:15px;border:1px solid #ada9a9;padding:9px 0;border-radius:5px;background-color:#fff;color:#2c2c2c;max-width:100%;line-height:1.2;margin-top:15px}input::placeholder{font-family:urbanist;opacity:.5;padding-left:10px}textarea::placeholder{font-family:urbanist;opacity:.5;padding-left:10px}input[type=submit]{background:#000;color:#fff;font-family:Urbanist}input[type=text]{margin-bottom:12px}@media (max-width:1600px){.Container{padding:0 15px}}@media (max-width:767px){.Container{padding:0 15px}}button.button-search{border:1px solid #ada9a9;padding:9px 0;border-radius:5px;width:11%;margin-left:13px}.login-page,.reister-page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input.border.p-2.rounded{margin-bottom:23px}.flex.heading-space{display:flex;align-items:center;justify-content:space-between}.extract-meta{border:1px solid;padding:5px 29px;border-radius:9px;background:#9dcf9d;color:#fff;font-weight:500}select{width:100%;border:1px solid #ada9a9;padding:9px 0;border-radius:5px}.contact-container{color:#fff;padding:2rem;background:#76c7c8}.contact-cards{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.contact-cards .card{background:#fff;color:#333;border-radius:8px;padding:1.5rem;flex:1 1 200px;min-width:220px;box-shadow:0 2px 6px #00000026;text-align:center}.contact-cards .card .icon{font-size:2rem;margin-bottom:.5rem}.contact-cards .card h4{margin:.5rem 0;font-weight:700}.contact-cards .card p{margin:.2rem 0}.email-link{color:#f6006d;font-weight:700}.contact-lower{display:flex;flex-wrap:wrap;gap:3rem;margin-top:2rem}p.tagline,.contact-info p,.contact-info h2{color:#fff}.contact-form{flex:1 1 300px;display:flex;flex-direction:column;gap:1rem}.contact-form label{font-size:.9rem}.contact-form input,.contact-form textarea{padding:.6rem;border:none;border-radius:4px;font-size:1rem}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{padding:.7rem;background:#fff;color:#f6006d;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease}.contact-form button:hover{background:#f6006d;color:#fff}.contact-info{flex:1 1 300px}.contact-info h2{font-size:2rem;margin-bottom:1rem}.contact-info .tagline{margin-bottom:1rem;font-style:italic}.contact-info p{line-height:1.6}.social-icons{margin-top:1.5rem;display:flex;gap:1rem;font-size:1.5rem}input[type=checkbox]{width:20px}
