/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0} :root{--sun:#D97706;--yellow:#FEF08A;--cream:#FFFBEB;--dark:#1C1917;--mid:#78716C;--white:#fff} body{font-family:'Segoe UI',system-ui,Arial,sans-serif;background:var(--cream);color:var(--dark);font-size:18px;line-height:1.7;min-height:100vh;display:flex;flex-direction:column} main{flex:1} a{color:var(--sun);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto;display:block} .container{max-width:1100px;margin:0 auto;padding:0 1.2rem} .site-header{background:var(--sun);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.18)} .site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem;gap:1rem;flex-wrap:wrap} .logo{font-size:1.85rem;font-weight:900;color:var(--cream);letter-spacing:-1px;line-height:1} .logo:hover{text-decoration:none;opacity:.85} .site-nav{display:flex;gap:.8rem;flex-wrap:wrap} .site-nav a{color:var(--cream);font-weight:600;font-size:.93rem;padding:.25rem .6rem;border-radius:6px;transition:background .2s} .site-nav a:hover{background:rgba(255,255,255,.22);text-decoration:none} .hero{position:relative;overflow:hidden;padding:5.5rem 1.2rem 9rem;background:linear-gradient(135deg,#B45309 0%,#D97706 35%,#F59E0B 65%,#FEF08A 100%)} .hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:90px;background:var(--cream);clip-path:polygon(0 100%,100% 0,100% 100%)} .hero-inner{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2} .hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;color:var(--cream);line-height:1.13;margin-bottom:1.2rem;text-shadow:0 2px 10px rgba(0,0,0,.2)} .hero p{font-size:1.18rem;color:#fff;margin-bottom:2rem;opacity:.96} .hero-badge{display:inline-block;background:#fff;color:var(--sun);font-weight:700;font-size:.78rem;padding:.28rem .9rem;border-radius:20px;margin-bottom:1.1rem;letter-spacing:.07em;text-transform:uppercase} @keyframes pulse-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} .btn{display:inline-block;padding:.85rem 2.2rem;border-radius:50px;font-weight:700;font-size:1.05rem;cursor:pointer;border:none;text-decoration:none;background:linear-gradient(270deg,#B45309,#D97706,#F59E0B,#FEF08A,#F59E0B,#D97706);background-size:400% 400%;animation:pulse-grad 3s ease infinite;color:var(--dark);box-shadow:0 4px 20px rgba(217,119,6,.38);transition:transform .15s,box-shadow .15s;text-align:center} .btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(217,119,6,.48);text-decoration:none} .btn-back{background:transparent;background-image:none;animation:none;border:2px solid var(--sun);color:var(--sun);box-shadow:none;padding:.7rem 1.8rem;font-size:.97rem} .btn-back:hover{background:var(--sun);color:var(--cream);transform:none} .section-title{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900;color:var(--sun);margin-bottom:.4rem} .section-sub{color:var(--mid);font-size:.97rem;margin-bottom:2rem} .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;margin-top:1.5rem} .card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 22px rgba(0,0,0,.07);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column} .card:hover{transform:translateY(-5px);box-shadow:0 10px 32px rgba(217,119,6,.2)} .card-body{padding:1.4rem;flex:1;display:flex;flex-direction:column} .card-tag{font-size:.76rem;font-weight:700;text-transform:uppercase;color:var(--sun);letter-spacing:.09em;margin-bottom:.5rem} .card-title{font-size:1.13rem;font-weight:800;margin-bottom:.5rem;color:var(--dark);line-height:1.3} .card-excerpt{font-size:.93rem;color:var(--mid);flex:1;margin-bottom:1rem;line-height:1.6} .card-link{font-weight:700;color:var(--sun);font-size:.93rem;margin-top:auto} .card-link:hover{text-decoration:underline} .featured{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem} @media(min-width:768px){.featured{grid-template-columns:1.35fr 1fr;align-items:center}} .featured-tag{display:inline-block;background:var(--yellow);color:var(--dark);font-size:.77rem;font-weight:700;padding:.25rem .85rem;border-radius:20px;margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.07em} .featured-title{font-size:clamp(1.4rem,3vw,1.95rem);font-weight:900;color:var(--dark);margin-bottom:.9rem;line-height:1.22} .featured-excerpt{color:var(--mid);margin-bottom:1.4rem;font-size:1rem;line-height:1.7} .featured-img-wrap{border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12)} .featured-img-wrap img{width:100%;height:260px;object-fit:cover} .home-layout{display:grid;grid-template-columns:1fr;gap:3rem;padding-top:3rem;padding-bottom:3rem} @media(min-width:900px){.home-layout{grid-template-columns:1fr 280px}} .sidebar-title{font-size:.95rem;font-weight:800;color:var(--sun);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.07em} .sidebar-list{display:flex;flex-direction:column;gap:1.1rem} .sidebar-item{border-left:3px solid var(--yellow);padding:.5rem 0 .5rem .9rem} .sidebar-item a{font-weight:700;font-size:.95rem;color:var(--dark);display:block;margin-bottom:.2rem;line-height:1.35} .sidebar-item a:hover{color:var(--sun)} .sidebar-item-date{font-size:.77rem;color:var(--mid)} .about-section{background:var(--sun);color:var(--cream);padding:5rem 1.2rem 5.5rem;position:relative;overflow:hidden} .about-section::before{content:'';position:absolute;top:-2px;left:0;right:0;height:70px;background:var(--cream);clip-path:polygon(0 0,100% 70%,100% 0)} .about-section::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:70px;background:var(--cream);clip-path:polygon(0 100%,100% 30%,100% 100%)} .about-inner{position:relative;z-index:2} .about-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--yellow);margin-bottom:1rem} .about-section p{opacity:.94;max-width:660px;font-size:1.05rem;line-height:1.85} .subscribe-section{padding:5rem 1.2rem} .subscribe-section .section-title{text-align:center} .subscribe-section .section-sub{text-align:center} .subscribe-form{max-width:480px;margin:0 auto;display:grid;gap:1.1rem} .form-group{display:flex;flex-direction:column;gap:.32rem} .form-group label{font-weight:700;font-size:.93rem;color:var(--dark)} .form-group input{padding:.78rem 1rem;border-radius:10px;border:2px solid var(--yellow);font-size:1rem;background:#fff;color:var(--dark);outline:none;transition:border-color .2s;font-family:inherit} .form-group input:focus{border-color:var(--sun)} .form-note{font-size:.8rem;color:var(--mid);text-align:center;margin-top:.3rem} .home-disclaimer{padding:0 1.2rem 3rem} .disclaimer{background:var(--yellow);border-left:4px solid var(--sun);border-radius:10px;padding:1.2rem 1.5rem;margin:2rem 0;font-size:.93rem;color:var(--dark);line-height:1.65} .disclaimer strong{color:#92400E} .article-hero{background:linear-gradient(135deg,#B45309,#D97706,#F59E0B);padding:4.5rem 1.2rem 7rem;position:relative;overflow:hidden} .article-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:70px;background:var(--cream);clip-path:polygon(0 100%,100% 0,100% 100%)} .article-hero-inner{max-width:760px;margin:0 auto;position:relative;z-index:2} .article-hero h1{font-size:clamp(1.75rem,4vw,2.7rem);font-weight:900;color:var(--cream);line-height:1.18;margin-bottom:.8rem;text-shadow:0 2px 8px rgba(0,0,0,.18)} .article-meta{color:var(--yellow);font-size:.88rem;font-weight:600;letter-spacing:.04em} .article-body{max-width:760px;margin:0 auto;padding:3rem 1.2rem 4rem} .article-body h2{font-size:1.55rem;font-weight:800;color:var(--sun);margin:2.2rem 0 .85rem;padding-bottom:.4rem;border-bottom:3px solid var(--yellow)} .article-body p{margin-bottom:1.25rem;color:var(--dark)} .article-body ul{margin:1rem 0 1.3rem 1.5rem} .article-body ul li{margin-bottom:.55rem;color:var(--dark)} .article-body a{color:var(--sun);text-decoration:underline} .article-body a:hover{opacity:.8} .source-link{font-size:.84rem} .article-img{width:100%;border-radius:14px;margin:1.8rem 0;max-height:360px;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.12)} .article-nav{text-align:center;margin-top:2.5rem} .policy-wrap{max-width:760px;margin:0 auto;padding:3.5rem 1.2rem 4rem} .policy-wrap h1{font-size:2rem;font-weight:900;color:var(--sun);margin-bottom:.4rem} .policy-date{font-size:.82rem;color:var(--mid);margin-bottom:2.2rem;display:block} .policy-wrap h2{font-size:1.22rem;font-weight:700;color:var(--dark);margin:2rem 0 .55rem} .policy-wrap p{margin-bottom:1rem;color:var(--dark)} .policy-wrap ul{margin:.7rem 0 1rem 1.6rem} .policy-wrap ul li{margin-bottom:.45rem;color:var(--dark)} .success-wrap{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.2rem} .success-icon{font-size:5rem;margin-bottom:1.3rem;animation:pulse-grad 2s ease infinite} .success-wrap h1{font-size:2.3rem;font-weight:900;color:var(--sun);margin-bottom:.9rem} .success-wrap p{color:var(--mid);max-width:420px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7} .error-wrap{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.2rem} .error-num{font-size:clamp(5rem,18vw,9rem);font-weight:900;color:var(--yellow);line-height:1;margin-bottom:.2rem;text-shadow:0 4px 24px rgba(217,119,6,.28)} .error-wrap h2{font-size:1.85rem;font-weight:800;color:var(--sun);margin-bottom:.9rem} .error-wrap p{color:var(--mid);max-width:380px;margin:0 auto 2rem;font-size:1rem;line-height:1.7} .cookie-check{display:none} .cookie-modal{position:fixed;bottom:1.2rem;right:1.2rem;max-width:315px;background:var(--dark);color:#fff;border-radius:14px;padding:1.2rem 1.5rem;z-index:9999;box-shadow:0 8px 36px rgba(0,0,0,.32);font-size:.87rem;line-height:1.55} .cookie-modal p{margin-bottom:.9rem} .cookie-modal a{color:var(--yellow);text-decoration:underline} .cookie-modal label{display:inline-block;padding:.52rem 1.4rem;border-radius:30px;background:var(--sun);color:#fff;font-weight:700;cursor:pointer;font-size:.87rem;transition:opacity .2s} .cookie-modal label:hover{opacity:.82} .cookie-check:checked~.cookie-modal{display:none} .site-footer{background:var(--dark);color:rgba(255,255,255,.7);padding:2.5rem 1.2rem;font-size:.88rem;margin-top:auto} .site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem} .footer-nav{display:flex;gap:1.2rem;flex-wrap:wrap} .footer-nav a{color:rgba(255,255,255,.58);transition:color .2s} .footer-nav a:hover{color:var(--yellow);text-decoration:none} @media(max-width:600px){.site-footer .container{flex-direction:column;align-items:flex-start}} @media(max-width:480px){.article-hero{padding-bottom:5rem} .hero{padding-bottom:7rem}}