/* ───────────────────────────────────────── MODERN RESET & VARIABLES ───────────────────────────────────────── */ :root { --bg-body: #f4f7f9; --bg-surface: #ffffff; --text-primary: #0f172a; --text-secondary: #475569; --accent: #0ea5e9; --accent-dark: #0284c7; --border: #e2e8f0; --shadow-sm: 0 1px 3px rgba(0,0,0,0.05); --shadow-md: 0 10px 25px -5px rgba(0,0,0,0.1); --radius: 12px; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { overflow-x: hidden; width: 100%; } body { background-color: var(--bg-body); color: var(--text-primary); font-family: 'Plus Jakarta Sans', sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100vh; } a { text-decoration: none; color: inherit; transition: color 0.2s ease; } /* ───────────────────────────────────────── GLASSMORPHISM NAVBAR WITH HAMBURGER & DROPDOWN ───────────────────────────────────────── */ .navbar { position: sticky; top: 0; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(226, 232, 240, 0.8); z-index: 2000; padding: 15px 5%; } .nav-content { max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .brand { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.5px; } .brand span { color: var(--accent); } /* Desktop Navigation Links */ .nav-links { display: flex; align-items: center; gap: 15px; } .nav-link { font-size: 1rem; font-weight: 700; color: var(--text-primary); transition: color 0.3s ease; display: inline-block; padding: 5px 0; } .nav-link:hover, .nav-link.active { color: var(--accent); } .nav-divider { color: #cbd5e1; font-weight: 400; user-select: none; } /* Desktop CSS Dropdown System */ .dropdown { position: relative; display: inline-block; } .dropdown-trigger { font-size: 1rem; font-weight: 700; color: var(--text-primary); cursor: pointer; transition: color 0.3s ease; padding: 5px 0; display: flex; align-items: center; gap: 4px; } .dropdown-trigger.active, .dropdown:hover .dropdown-trigger { color: var(--accent); } .dropdown-trigger::after { content: '▾'; font-size: 0.8rem; transition: transform 0.2s ease; } .dropdown:hover .dropdown-trigger::after { transform: rotate(180deg); } .dropdown-content { opacity: 0; visibility: hidden; position: absolute; right: 0; top: 100%; background-color: var(--bg-surface); min-width: 180px; box-shadow: var(--shadow-md); border: 1px solid var(--border); border-radius: 8px; z-index: 2500; padding: 6px 0; margin-top: 8px; transform: translateY(10px); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .dropdown-content::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; background: transparent; } .dropdown-content a { color: var(--text-primary); padding: 10px 16px; display: block; font-size: 0.95rem; font-weight: 600; text-align: left; transition: all 0.2s ease; } .dropdown-content a:hover { background-color: #f8fafc; color: var(--accent); padding-left: 20px; } .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } /* Hamburger */ .hamburger{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; position:relative; z-index:10001; } /* ───────────────────────────────────────── HERO SECTION ───────────────────────────────────────── */ .hero { max-width: 1280px; margin: 50px auto 30px; padding: 0 5%; text-align: center; } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.2; letter-spacing: -1px; margin-bottom: 15px; } .hero p { font-size: clamp(1rem, 2vw, 1.15rem); color: var(--text-secondary); max-width: 600px; margin: 0 auto; } /* ───────────────────────────────────────── ADSENSE OVERFLOW FIXES ───────────────────────────────────────── */ .ad-banner-top { width: 100%; max-width: 1280px; margin: 20px auto; padding: 0 5%; overflow: hidden; display: block; } .ad-box{ width:100%; min-height:320px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fafafa; border:1px solid #e5e7eb; border-radius:12px; margin:30px 0; padding:18px; } .ad-label{ font-size:12px; font-weight:700; color:#888; letter-spacing:1px; text-transform:uppercase; margin-bottom:12px; } .ad-box ins.adsbygoogle { display: block!important; width: 100%!important; max-width: 100%; min-height: 90px; } /* ───────────────────────────────────────── MAIN LAYOUT & PRIVACY CONTENT ───────────────────────────────────────── */ .container { max-width: 1280px; width: 100%; margin: 0 auto 60px; padding: 0 5%; display: grid; grid-template-columns: 1fr 320px; gap: 40px; align-items: start; flex-grow: 1; } .privacy-card-wrapper { background: var(--bg-surface); border-radius: var(--radius); border: 1px solid var(--border); padding: 40px; box-shadow: var(--shadow-sm); width: 100%; word-wrap: break-word; } .privacy-card-wrapper h2 { font-size: 1.6rem; font-weight: 800; color: var(--text-primary); margin: 35px 0 15px; border-left: 4px solid var(--accent); padding-left: 12px; } .privacy-card-wrapper h2:first-of-type { margin-top: 0; } .privacy-card-wrapper p { font-size: 1.05rem; color: var(--text-secondary); margin-bottom: 20px; line-height: 1.8; } .privacy-card-wrapper ul { margin-left: 20px; margin-bottom: 25px; color: var(--text-secondary); } .privacy-card-wrapper ul li { font-size: 1.05rem; margin-bottom: 8px; } /* ───────────────────────────────────────── SIDEBAR & FOOTER ───────────────────────────────────────── */ .sidebar { display: flex; flex-direction: column; gap: 30px; position: sticky; top: 100px; } .mobile-footer-ad { width: 100%; background: var(--bg-surface); border-top: 1px solid var(--border); padding: 20px 5%; text-align: center; margin-top: auto; } /* ───────────────────────────────────────── RESPONSIVE DESIGN (DESKTOP TO TABLET) ───────────────────────────────────────── */ @media (max-width: 992px) { .container { grid-template-columns: 1fr; } .sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } /* =========================== MOBILE / NAVIGATION =========================== */ @media (max-width: 768px) { .hamburger { display: flex; position:fixed; top:18px; right:18px; z-index:10001; } .hamburger span{ width:24px; height:3px; background:#111827 !important; border-radius:3px; transition:.3s; } .hamburger.active span{ background:#111827 !important; } .nav-divider { display: none; } /* ---------- Mobile Drawer ---------- */ .nav-links { position: fixed; top: 0; right: -100%; width: 300px; max-width: 85%; height: 100vh; overflow-y: auto; background: #fff; box-shadow: -15px 0 40px rgba(0,0,0,.12); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 80px 24px 30px; transition: right .35s ease; z-index: 10000; } .nav-links.active { right: 0; } /* ---------- Links ---------- */ .nav-link, .dropdown-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 16px 0; font-size: 17px; font-weight: 700; color: var(--text-primary); border-bottom: 1px solid var(--border); cursor: pointer; } /* ---------- Dropdown ---------- */ .dropdown { width: 100%; } .dropdown-content { position: static !important; display: none; width: 100%; margin: 10px 0 16px; padding: 0; background: transparent; border: none; box-shadow: none; border-radius: 0; animation: fadeDown .25s ease; } .dropdown.open-mobile .dropdown-content { display: block; } .dropdown-content a { display: block; width: 100%; padding: 12px 16px; margin-bottom: 8px; background: #f8fafc; border-radius: 8px; font-size: 15px; color: var(--text-primary); transition: .2s; } .dropdown-content a:hover { background: #eef6ff; color: var(--accent); } .dropdown-content a:last-child { margin-bottom: 0; } /* ---------- Hamburger Animation ---------- */ .hamburger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } } /* ---------- Desktop Dropdown ---------- */ @media (min-width: 769px) { .dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; min-width: 230px; display: none; background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,.08); padding: 8px 0; z-index: 999; } .dropdown:hover .dropdown-content { display: block; } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 600px) { .container { padding: 0 12px; } .privacy-card-wrapper { padding: 25px; } .privacy-card-wrapper h2 { font-size: 1.4rem; } .privacy-card-wrapper p, .privacy-card-wrapper ul li { font-size: 0.95rem; } .sidebar { grid-template-columns: 1fr; } } /* ───────────────────────────────────────── LIVE MARKET TICKER STYLES ───────────────────────────────────────── */ .market-ticker-wrapper { background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid var(--border); overflow: hidden; white-space: nowrap; padding: 10px 0; display: flex; align-items: center; font-size: 0.85rem; position: relative; z-index: 990; box-shadow: 0 1px 3px rgba(0,0,0,0.02); } .market-ticker-track { display: inline-flex; gap: 30px; padding-left: 100%; animation: tickerScroll 35s linear infinite; } .market-ticker-wrapper:hover .market-ticker-track { animation-play-state: paused; } .ticker-item { display: inline-flex; align-items: center; gap: 8px; background: #f8fafc; padding: 5px 14px; border-radius: 30px; border: 1px solid var(--border); } .ticker-name { color: var(--text-secondary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .ticker-price { color: var(--text-primary); font-weight: 800; } .ticker-up { color: #10b981; font-weight: 800; } .ticker-down { color: #ef4444; font-weight: 800; } .ticker-neutral { color: #64748b; font-weight: 600; } .ticker-loading { color: var(--text-secondary); font-weight: 600; padding-left: 20px; } @keyframes tickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* ───────────────────────────────────────── NEW LIVE SEARCH COMPONENT CSS ───────────────────────────────────────── */ .search-btn { background: none; border: none; font-size: 20px; cursor: pointer; padding: 6px; color: var(--text-primary); transition: color 0.3s; } .search-btn:hover { color: var(--accent); } .search-bar-wrapper { display: none; background: #fff; padding: 20px 5%; border-bottom: 1px solid var(--border); box-shadow: var(--shadow-sm); position: relative; z-index: 1500; } .search-bar-wrapper.active { display: block; animation: slideDown 0.3s ease-out forwards; } @keyframes slideDown { from { transform: translateY(-10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .search-container { max-width: 800px; margin: 0 auto; position: relative; } .search-container input { width: 100%; padding: 15px 20px; font-size: 1rem; border: 2px solid var(--border); border-radius: 8px; outline: none; transition: border-color 0.3s; } .search-container input:focus { border-color: var(--accent); } .live-results { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--border); border-top: none; border-radius: 0 0 8px 8px; box-shadow: var(--shadow-md); max-height: 350px; overflow-y: auto; display: none; z-index: 2000; } .result-item { display: flex; flex-direction: column; padding: 12px 20px; border-bottom: 1px solid #f1f5f9; transition: background 0.2s; } .result-item:hover { background: #f8fafc; } .result-title { font-weight: 700; font-size: 0.95rem; color: var(--text-primary); } .result-meta { font-size: 0.8rem; color: var(--text-secondary); margin-top: 4px; } .no-results { padding: 15px 20px; text-align: center; color: var(--text-secondary); font-size: 0.95rem; }
Loading live market rates...

Privacy Policy

Your privacy is important to us. Learn how we handle cookies, advertisements, and data security.

Introduction

At Avianscape Blogs, accessible from blogs.avianscape.com, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Avianscape and how we use it.

If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us through our official channels.

Log Files

Avianscape follows a standard procedure of using log files. These files log visitors when they visit websites. The information collected by log files includes internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable.

Google DoubleClick DART Cookie

Google is one of the third-party vendors on our site. It also uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to our site and other sites on the internet. Visitors may choose to decline the use of DART cookies by visiting the Google ad and content network Privacy Policy.

Our Advertising Partners

Some of the advertisers on our site may use cookies and web beacons. Our primary advertising partner is Google AdSense. Google AdSense has its own Privacy Policy regarding user data management.

Third-Party Privacy Policies

Avianscape's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options.

Children's Information

Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity. Avianscape does not knowingly collect any Personal Identifiable Information from children under the age of 13.