/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700&family=Playfair+Display:wght@600;700;800&display=swap');
html{scroll-behavior:smooth;}
html,body{overflow-x:hidden;}
a{display:inline-block;text-align:center;}
:root{
--pri:#1A6FE8;
--pri-soft:#E8F1FD;
--sec:#0EA5A0;
--sec-soft:#E6F7F6;
--bg:#FFFFFF;
--bg-alt:#F7FAFD;
--bg-card:#FAFCFF;
--text:#1B2A4A;
--text-m:#5A6A8A;
--text-l:#8896B0;
--border:#DEE6F0;
--border-l:#EDF2F8;
--radius:14px;
--radius-sm:8px;
--shadow:0 2px 8px rgba(26,111,232,0.06);
--shadow-lg:0 8px 32px rgba(26,111,232,0.10);
--font:'DM Sans',system-ui,sans-serif;
--font-h:'Playfair Display',Georgia,serif;
--max-w:1080px;
--transition:0.3s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.75;font-size:17px;}
img{max-width:100%;height:auto;display:block;border-radius:var(--radius);}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.25;color:var(--text);}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;}
h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;margin-top:2.2rem;margin-bottom:1rem;}
h3{font-size:1.15rem;font-weight:600;margin-top:1.5rem;margin-bottom:0.6rem;}
p{margin-bottom:1rem;}
.wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px;}

/* NAV */
.site-nav{background:var(--bg);border-bottom:1px solid var(--border-l);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:rgba(255,255,255,0.92);}
.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-logo{font-family:var(--font-h);font-size:1.5rem;font-weight:800;color:var(--pri);text-decoration:none;}
.site-logo:hover{opacity:0.8;}
.nav-links{display:flex;gap:6px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--text-m);font-size:0.9rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:var(--transition);}
.nav-links a:hover{color:var(--pri);background:var(--pri-soft);}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text);}
@media(max-width:768px){
.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:16px;gap:4px;box-shadow:var(--shadow-lg);}
.nav-links.open{display:flex;}
.nav-toggle{display:block;}
}

/* BREADCRUMBS */
.breadcrumbs{padding:14px 0;font-size:0.85rem;color:var(--text-l);}
.breadcrumbs a{color:var(--pri);text-decoration:none;font-weight:500;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs span{margin:0 6px;}

/* DISCLAIMER BANNER */
.info-disclaimer{background:var(--pri-soft);border-left:4px solid var(--pri);padding:14px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:1.8rem;font-size:0.88rem;color:var(--text-m);line-height:1.6;}

/* ARTICLE */
.article-wrap{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-top:10px;padding-bottom:3rem;}
@media(max-width:900px){.article-wrap{grid-template-columns:1fr;}}
.article-meta{display:flex;gap:16px;align-items:center;margin-bottom:1.4rem;font-size:0.85rem;color:var(--text-l);}
.article-meta .cat{background:var(--sec-soft);color:var(--sec);padding:4px 12px;border-radius:20px;font-weight:600;font-size:0.8rem;}
.article-meta .reading{display:flex;align-items:center;gap:4px;}
.article-body h2{position:relative;padding-left:18px;}
.article-body h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--pri);border-radius:2px;}
.article-body ul,.article-body ol{margin:0.8rem 0 1.2rem 1.4rem;}
.article-body li{margin-bottom:0.4rem;}
.article-body blockquote{border-left:4px solid var(--sec);background:var(--sec-soft);padding:18px 24px;margin:1.5rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-m);}
.img-block{margin:2rem 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.img-block img{width:100%;display:block;}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:24px;}
.sidebar-card{background:var(--bg-card);border:1px solid var(--border-l);border-radius:var(--radius);padding:24px;}
.sidebar-card h3{font-family:var(--font-h);font-size:1.05rem;margin-bottom:12px;color:var(--text);}
.sidebar-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.sidebar-card li a{text-decoration:none;color:var(--pri);font-size:0.92rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);background:var(--pri-soft);transition:var(--transition);width:100%;}
.sidebar-card li a:hover{background:var(--pri);color:#fff;}

/* TIP BOX */
.tip-box{background:linear-gradient(135deg,var(--pri-soft),var(--sec-soft));border-radius:var(--radius);padding:24px;margin:2rem 0;position:relative;overflow:hidden;}
.tip-box::before{content:'💡';position:absolute;top:12px;right:16px;font-size:2rem;opacity:0.3;}
.tip-box h3{color:var(--pri);margin-top:0;}
.tip-box p{margin-bottom:0;color:var(--text-m);}

/* HIGHLIGHT BOX */
.highlight-box{background:var(--sec-soft);border-radius:var(--radius);padding:24px;margin:2rem 0;border:1px solid rgba(14,165,160,0.15);}
.highlight-box h3{color:var(--sec);margin-top:0;}

/* SOURCES */
.sources{background:var(--bg-alt);border-radius:var(--radius);padding:24px;margin-top:2.5rem;}
.sources h3{margin-top:0;}
.sources ol{margin-left:1.2rem;color:var(--text-m);font-size:0.9rem;}
.sources li{margin-bottom:6px;}

/* READ ALSO */
.read-also{margin-top:2.5rem;}
.read-also h3{font-family:var(--font-h);font-size:1.3rem;margin-bottom:1rem;}
.read-also-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.read-also-card{background:var(--bg-card);border:1px solid var(--border-l);border-radius:var(--radius);padding:20px;transition:var(--transition);text-decoration:none;color:var(--text);}
.read-also-card:hover{box-shadow:var(--shadow-lg);border-color:var(--pri);transform:translateY(-2px);}
.read-also-card .rc-cat{font-size:0.78rem;font-weight:600;color:var(--sec);text-transform:uppercase;letter-spacing:0.5px;}
.read-also-card h4{font-size:1rem;margin:8px 0 6px;line-height:1.35;}
.read-also-card p{font-size:0.85rem;color:var(--text-l);margin:0;}

/* SUBSCRIBE */
.subscribe-section{background:linear-gradient(135deg,#1A6FE8 0%,#0EA5A0 100%);border-radius:var(--radius);padding:40px;margin:3rem 0;color:#fff;text-align:center;}
.subscribe-section h2{color:#fff;margin-top:0;}
.subscribe-section p{color:rgba(255,255,255,0.85);margin-bottom:1.5rem;}
.subscribe-form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.subscribe-form input[type="email"]{flex:1;min-width:220px;padding:14px 20px;border:2px solid rgba(255,255,255,0.3);border-radius:var(--radius-sm);background:rgba(255,255,255,0.15);color:#fff;font-size:1rem;outline:none;transition:var(--transition);}
.subscribe-form input[type="email"]::placeholder{color:rgba(255,255,255,0.6);}
.subscribe-form input[type="email"]:focus{border-color:#fff;background:rgba(255,255,255,0.25);}
.subscribe-form button{padding:14px 32px;background:#fff;color:var(--pri);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);}
.subscribe-form button:hover{transform:scale(1.04);box-shadow:0 4px 16px rgba(0,0,0,0.15);}

/* FOOTER */
.site-footer{background:var(--text);color:rgba(255,255,255,0.7);padding:48px 0 24px;}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;margin-bottom:32px;}
.footer-col h4{color:#fff;font-family:var(--font-h);margin-bottom:12px;font-size:1rem;}
.footer-col a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.9rem;display:block;margin-bottom:8px;text-align:left;}
.footer-col a:hover{color:#fff;}
.footer-disc{font-size:0.8rem;color:rgba(255,255,255,0.4);border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;line-height:1.6;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:0.85rem;}
.footer-bottom a{color:rgba(255,255,255,0.5);text-decoration:none;}
.footer-bottom a:hover{color:#fff;}

/* COOKIE MODAL */
.cookie-modal{position:fixed;bottom:24px;right:24px;max-width:380px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg);z-index:9999;animation:slideUp 0.4s ease;}
@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.cookie-modal h4{font-family:var(--font-h);margin-bottom:8px;}
.cookie-modal p{font-size:0.88rem;color:var(--text-m);margin-bottom:16px;}
.cookie-btns{display:flex;gap:10px;}
.cookie-btns button{padding:10px 20px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:0.88rem;cursor:pointer;transition:var(--transition);}
.cookie-accept{background:var(--pri);color:#fff;}
.cookie-accept:hover{opacity:0.9;}
.cookie-decline{background:var(--bg-alt);color:var(--text-m);border:1px solid var(--border)!important;}
.cookie-decline:hover{background:var(--border-l);}
@media(max-width:480px){.cookie-modal{left:12px;right:12px;max-width:none;bottom:12px;}}

/* POLICY PAGES */
.policy-wrap{max-width:780px;margin:0 auto;padding:3rem 24px;}
.policy-wrap h1{margin-bottom:1.5rem;}
.policy-wrap h2{font-size:1.3rem;margin-top:2rem;margin-bottom:0.8rem;color:var(--text);}
.policy-wrap p,.policy-wrap li{color:var(--text-m);line-height:1.8;}
.policy-wrap ul{margin:0.8rem 0 1.2rem 1.4rem;}
.policy-wrap li{margin-bottom:0.5rem;}

/* SUCCESS */
.success-wrap{text-align:center;padding:6rem 24px;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.success-wrap h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem;color:var(--pri);}
.success-wrap p{font-size:1.15rem;color:var(--text-m);margin-bottom:2rem;max-width:500px;}
.success-wrap a{background:var(--pri);color:#fff;padding:14px 36px;border-radius:var(--radius-sm);font-weight:700;text-decoration:none;transition:var(--transition);}
.success-wrap a:hover{transform:scale(1.04);box-shadow:var(--shadow-lg);}

/* 404 */
.e404-wrap{text-align:center;padding:6rem 24px;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.e404-wrap .e404-num{font-family:var(--font-h);font-size:clamp(5rem,12vw,9rem);font-weight:800;background:linear-gradient(135deg,var(--pri),var(--sec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.e404-wrap h1{font-size:1.6rem;margin:1rem 0 0.5rem;}
.e404-wrap p{color:var(--text-m);margin-bottom:2rem;max-width:420px;}
.e404-wrap a{background:var(--pri);color:#fff;padding:14px 36px;border-radius:var(--radius-sm);font-weight:700;text-decoration:none;transition:var(--transition);}
.e404-wrap a:hover{transform:scale(1.04);}

/* ANIMATIONS */
.fade-in{opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}