/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Nunito:wght@400;600;700&display=swap');
:root{--primary:#1a3a6b;--accent:#00a8a8;--bg:#f0f4ff;--bg2:#e8eef8;--text:#1a1a2e;--r:16px;--sh:0 8px 32px rgba(26,58,107,.10);--sh2:0 16px 48px rgba(26,58,107,.18);--fh:'Lora',serif;--fb:'Nunito',sans-serif;--mw:1200px;--cw:800px;}
html{scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
a{display:inline-block;text-align:center;}
body{font-family:var(--fb);background:var(--bg);color:var(--text);font-size:1.0625rem;line-height:1.75;min-height:100vh;}
.container{max-width:var(--mw);margin:0 auto;padding:0 1.5rem;}
img{max-width:100%;height:auto;border-radius:var(--r);display:block;}
h1,h2,h3{font-family:var(--fh);color:var(--primary);line-height:1.3;}
h1{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:1.25rem;}
h2{font-size:clamp(1.25rem,3vw,1.875rem);margin:2.5rem 0 1rem;}
h3{font-size:1.25rem;margin-bottom:.75rem;}
p{margin-bottom:1.25rem;}
/* Buttons */
.btn{display:inline-block;text-align:center;padding:.75rem 1.75rem;border-radius:50px;font-family:var(--fb);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none;border:2px solid transparent;}
.btn-accent{background:var(--accent);color:#fff;}
.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--sh2);}
.btn-outline{background:transparent;border-color:var(--accent);color:var(--accent);}
.btn-outline:hover{background:var(--accent);color:#fff;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--sh2);}
/* Header */
.site-header{background:#fff;box-shadow:var(--sh);position:sticky;top:0;z-index:100;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:1rem;position:relative;}
.logo{font-family:var(--fh);font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:-.02em;}
.logo:hover{color:var(--accent);}
.main-nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
.main-nav a{padding:.5rem 1rem;border-radius:50px;color:var(--text);text-decoration:none;font-weight:600;font-size:.9375rem;transition:background .2s,color .2s;}
.main-nav a:hover,.main-nav a.active{background:var(--bg2);color:var(--primary);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101;}
.burger span{display:block;width:26px;height:2px;background:var(--primary);border-radius:2px;transition:.3s;}
@media(max-width:768px){
  .burger{display:flex;}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:var(--sh);flex-direction:column;padding:1rem;gap:.25rem;}
  .main-nav.open{display:flex;}
  .main-nav a{width:100%;padding:.75rem 1rem;border-radius:var(--r);}
}
/* Breadcrumbs */
.breadcrumbs{background:var(--bg2);padding:.75rem 0;font-size:.875rem;color:#666;}
.breadcrumbs a{color:var(--accent);text-decoration:none;}
.breadcrumbs a:hover{text-decoration:underline;}
/* Article */
.article-header{padding:3rem 0 2rem;}
.article-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.8125rem;font-weight:700;padding:.3rem 1rem;border-radius:50px;margin-bottom:1.25rem;letter-spacing:.04em;text-transform:uppercase;}
.article-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;color:#666;font-size:.9rem;margin-bottom:1.5rem;}
.article-lead{font-size:1.125rem;font-weight:600;color:var(--primary);margin-bottom:2rem;line-height:1.6;font-family:var(--fh);font-style:italic;}
.article-image{margin:2rem 0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2);}
.article-image img{width:100%;max-height:480px;object-fit:cover;border-radius:0;}
.article-body{padding:0 0 3rem;}
.article-content{max-width:var(--cw);margin:0 auto;}
.pull-quote{background:var(--bg2);border-left:5px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:1.5rem 2rem;margin:2.5rem 0;font-family:var(--fh);font-size:1.25rem;font-style:italic;color:var(--primary);line-height:1.5;box-shadow:var(--sh);}
.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;}
.tag{background:var(--bg2);color:var(--primary);padding:.3rem .875rem;border-radius:50px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;}
.tag:hover{background:var(--accent);color:#fff;}
.article-disclaimer{background:var(--bg2);border-radius:var(--r);padding:1.25rem 1.5rem;font-size:.9rem;color:#555;margin:2rem 0;border:1px solid rgba(26,58,107,.1);}
/* Author */
.author-wrap{max-width:var(--cw);margin:0 auto;padding:0 1.5rem 2rem;}
.author-profile{background:#fff;border-radius:var(--r);padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start;box-shadow:var(--sh);}
.author-avatar{width:64px;height:64px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.25rem;font-weight:700;color:var(--primary);flex-shrink:0;}
.author-info h3{margin-bottom:.25rem;font-size:1rem;}
.author-info p{font-size:.9rem;color:#666;margin:0;}
/* Related */
.related-articles{padding:3rem 0;background:var(--bg2);}
.related-articles>div>h2{text-align:center;margin-bottom:2rem;margin-top:0;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.related-card{background:#fff;border-radius:var(--r);padding:1.5rem;box-shadow:var(--sh);text-decoration:none;transition:transform .25s,box-shadow .25s;color:var(--text);display:block;}
.related-card:hover{transform:translateY(-4px);box-shadow:var(--sh2);}
.related-card .badge{font-size:.75rem;background:var(--bg2);color:var(--primary);padding:.2rem .75rem;border-radius:50px;font-weight:600;display:inline-block;margin-bottom:.75rem;text-align:center;}
.related-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--primary);}
.related-card p{font-size:.875rem;color:#666;margin:0;}
/* Newsletter */
.newsletter{background:var(--primary);color:#fff;padding:4rem 0;text-align:center;}
.newsletter h2{color:#fff;margin-top:0;}
.newsletter p{color:rgba(255,255,255,.85);margin-bottom:2rem;font-size:1.0625rem;}
.subscribe-form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;max-width:520px;margin:0 auto;}
.subscribe-form input{flex:1;min-width:220px;padding:.875rem 1.25rem;border-radius:50px;border:none;font-family:var(--fb);font-size:1rem;background:rgba(255,255,255,.15);color:#fff;outline:none;transition:background .2s;}
.subscribe-form input::placeholder{color:rgba(255,255,255,.6);}
.subscribe-form input:focus{background:rgba(255,255,255,.25);}
/* Footer */
.site-footer{background:#0e2147;color:rgba(255,255,255,.8);padding:3rem 0 2rem;}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;}
.footer-inner .logo{color:#fff;}
.footer-inner .logo:hover{color:var(--accent);}
.footer-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;}
.footer-nav a{color:rgba(255,255,255,.7);text-decoration:none;padding:.3rem .75rem;border-radius:50px;font-size:.9rem;transition:color .2s,background .2s;}
.footer-nav a:hover{color:#fff;background:rgba(255,255,255,.1);}
.footer-copyright{font-size:.875rem;color:rgba(255,255,255,.5);}
.footer-disclaimer{font-size:.8125rem;color:rgba(255,255,255,.45);max-width:600px;}
/* Cookie */
.cookie-checkbox{display:none;}
.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;background:#fff;border-radius:var(--r);box-shadow:var(--sh2);padding:1.25rem 1.5rem;max-width:340px;z-index:999;border:1px solid rgba(26,58,107,.1);}
.cookie-checkbox:checked~.cookie-banner{display:none;}
.cookie-banner p{font-size:.875rem;margin-bottom:1rem;color:var(--text);}
.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.cookie-actions label{cursor:pointer;font-size:.875rem;padding:.5rem 1.25rem;border-radius:50px;font-weight:700;transition:.2s;display:inline-block;text-align:center;}
.cookie-actions .accept{background:var(--accent);color:#fff;}
.cookie-actions .accept:hover{opacity:.9;}
.cookie-actions .decline{border:2px solid var(--accent);color:var(--accent);background:transparent;}
.cookie-actions .decline:hover{background:var(--bg2);}
/* Policy pages */
.policy-content{max-width:760px;margin:0 auto;padding:3rem 1.5rem;}
.policy-content h1{margin-bottom:.5rem;}
.policy-content .last-updated{color:#888;font-size:.9rem;margin-bottom:2.5rem;display:block;}
.policy-content h2{font-size:1.25rem;margin:2rem 0 .75rem;}
.policy-content p,.policy-content ul{margin-bottom:1rem;}
.policy-content ul{padding-left:1.5rem;}
.policy-content li{margin-bottom:.5rem;}
/* Success */
.success-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.success-inner{max-width:480px;padding:2rem;}
.success-icon{font-size:4rem;margin-bottom:1.5rem;}
.success-inner h1{margin-bottom:1rem;}
.success-inner p{color:#666;margin-bottom:2rem;}
/* 404 */
.not-found{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.not-found-inner{max-width:520px;padding:2rem;}
.not-found-number{font-family:var(--fh);font-size:clamp(6rem,20vw,10rem);font-weight:700;color:transparent;-webkit-text-stroke:3px var(--accent);line-height:1;margin-bottom:1rem;}
.not-found-inner h2{margin-bottom:1rem;}
.not-found-inner p{color:#666;margin-bottom:2rem;}
/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.article-header{animation:fadeInUp .6s ease both;}
.article-body{animation:fadeInUp .6s .15s ease both;}
/* Mobile */
@media(max-width:600px){
  .subscribe-form{flex-direction:column;align-items:stretch;}
  .author-profile{flex-direction:column;}
  .cookie-banner{left:1rem;right:1rem;max-width:none;bottom:1rem;}
  .article-meta{gap:.5rem;}
  .pull-quote{padding:1rem 1.25rem;font-size:1.1rem;}
}