/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:#0D1B1E;color:#E8F4F0;line-height:1.7;overflow-x:hidden;position:relative;min-height:100vh}body::before,body::after{content:'';position:fixed;border-radius:50%;filter:blur(80px);opacity:0.35;z-index:0;pointer-events:none;animation:morph 20s ease-in-out infinite}body::before{width:500px;height:500px;background:radial-gradient(circle,#00FF9D,transparent 70%);top:-100px;left:-100px}body::after{width:600px;height:600px;background:radial-gradient(circle,#1D3D44,transparent 70%);bottom:-150px;right:-150px;animation-delay:-10s}@keyframes morph{0%,100%{border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}25%{border-radius:60% 40% 30% 70%;transform:translate(50px,-30px) rotate(90deg)}50%{border-radius:30% 70% 60% 40%;transform:translate(-30px,50px) rotate(180deg)}75%{border-radius:70% 30% 50% 50%;transform:translate(30px,30px) rotate(270deg)}}h1,h2,h3,h4{font-family:'Cormorant Garamond','Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-0.02em;color:#E8F4F0;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem);margin-bottom:1rem}h3{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-bottom:0.8rem}p{margin-bottom:1rem;color:#C5D6D0}a{color:#00FF9D;text-decoration:none;transition:all 0.3s ease}a:hover{color:#E8F4F0;text-shadow:0 0 12px #00FF9D}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}header{position:sticky;top:0;z-index:100;background:rgba(13,27,30,0.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,157,0.15);padding:1.2rem 0}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:600;color:#E8F4F0;letter-spacing:0.05em}.logo span{color:#00FF9D}.nav-links{display:flex;gap:2rem;list-style:none;flex-wrap:wrap}.nav-links a{color:#C5D6D0;font-size:0.95rem;position:relative;padding-bottom:4px}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#00FF9D;transition:width 0.3s ease;box-shadow:0 0 8px #00FF9D}.nav-links a:hover::after{width:100%}.hero{padding:5rem 0 4rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.hero-grid{grid-template-columns:1.2fr 1fr}}.hero-content{position:relative}.hero-tag{display:inline-block;padding:0.4rem 1rem;background:rgba(0,255,157,0.08);border:1px solid rgba(0,255,157,0.3);border-radius:20px;color:#00FF9D;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1.5rem}.hero h1{margin-bottom:1.5rem;background:linear-gradient(135deg,#E8F4F0 0%,#00FF9D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-lead{font-size:1.15rem;color:#C5D6D0;margin-bottom:2rem;max-width:550px}.cta{display:inline-block;padding:1rem 2.5rem;background:transparent;border:1px solid #00FF9D;color:#00FF9D;border-radius:20px;font-weight:500;letter-spacing:0.05em;transition:all 0.4s ease;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;inset:0;background:#00FF9D;transform:translateY(100%);transition:transform 0.4s ease;z-index:-1}.cta:hover{color:#0D1B1E;box-shadow:0 0 30px rgba(0,255,157,0.4)}.cta:hover::before{transform:translateY(0)}.hero-image{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(0,255,157,0.2);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 40px rgba(0,255,157,0.1)}.hero-image img{width:100%;height:auto;display:block;filter:saturate(0.9) brightness(0.85)}.hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,27,30,0.3) 0%,transparent 50%,rgba(0,255,157,0.1) 100%);pointer-events:none}main section{padding:4rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{margin-bottom:0.5rem}.section-title p{color:#8FA89F;font-size:0.95rem;letter-spacing:0.1em;text-transform:uppercase}.articles-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}.article-card{background:rgba(29,61,68,0.3);border:1px solid rgba(0,255,157,0.12);border-radius:20px;padding:2rem;transition:all 0.4s ease;position:relative;backdrop-filter:blur(10px)}.article-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,transparent,rgba(0,255,157,0.3),transparent);border-radius:20px;opacity:0;transition:opacity 0.4s ease;z-index:-1}.article-card:hover{transform:translateY(-6px);border-color:rgba(0,255,157,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 30px rgba(0,255,157,0.1)}.article-card:hover::before{opacity:1}.article-meta{display:flex;gap:1rem;color:#00FF9D;font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1rem}.article-card h3{color:#E8F4F0}.article-card p{color:#C5D6D0;font-size:0.95rem;margin-bottom:1.5rem}.article-link{color:#00FF9D;font-size:0.9rem;letter-spacing:0.05em;display:inline-flex;align-items:center;gap:0.5rem}.article-link::after{content:'→';transition:transform 0.3s ease}.article-link:hover::after{transform:translateX(4px)}.feature-article{background:rgba(29,61,68,0.2);border:1px solid rgba(0,255,157,0.15);border-radius:20px;padding:3rem 2rem;margin-top:2rem;backdrop-filter:blur(10px);position:relative}.feature-article::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#00FF9D,transparent);opacity:0.6}.feature-article h2{margin-bottom:1.5rem}.feature-article h3{margin-top:2rem;color:#00FF9D}.feature-article blockquote{border-left:2px solid #00FF9D;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#C5D6D0}.feature-image{width:100%;border-radius:20px;margin:2rem 0;border:1px solid rgba(0,255,157,0.2)}.feature-article ul{list-style:none;margin:1rem 0}.feature-article li{padding-left:1.5rem;position:relative;margin-bottom:0.7rem;color:#C5D6D0}.feature-article li::before{content:'◆';position:absolute;left:0;color:#00FF9D;font-size:0.6rem;top:0.5rem}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}.about-text p{font-size:1.05rem;margin-bottom:1.2rem}.values-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:600px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-item{padding:1.5rem;border:1px solid rgba(0,255,157,0.15);border-radius:20px;background:rgba(29,61,68,0.2);transition:all 0.3s ease}.value-item:hover{border-color:rgba(0,255,157,0.4);box-shadow:0 0 20px rgba(0,255,157,0.1)}.value-item h4{color:#00FF9D;font-size:1.1rem;margin-bottom:0.5rem}.value-item p{font-size:0.9rem;color:#8FA89F}.subscribe{background:linear-gradient(135deg,rgba(29,61,68,0.4) 0%,rgba(13,27,30,0.6) 100%);border:1px solid rgba(0,255,157,0.2);border-radius:20px;padding:3rem 2rem;margin:2rem 0;position:relative;overflow:hidden}.subscribe::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,157,0.05) 0%,transparent 50%);animation:morph 15s ease-in-out infinite}.subscribe-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center}.subscribe h2{margin-bottom:1rem}.subscribe p{margin-bottom:2rem;color:#C5D6D0}form{display:grid;gap:1rem;max-width:500px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:600px){.form-grid{grid-template-columns:1fr 1fr}}input[type='text'],input[type='email'],input[type='tel']{width:100%;padding:1rem 1.2rem;background:rgba(13,27,30,0.6);border:1px solid rgba(0,255,157,0.2);border-radius:20px;color:#E8F4F0;font-family:inherit;font-size:0.95rem;transition:all 0.3s ease}input:focus{outline:none;border-color:#00FF9D;box-shadow:0 0 20px rgba(0,255,157,0.15);background:rgba(13,27,30,0.8)}input::placeholder{color:#6B8078}button[type='submit']{padding:1rem 2rem;background:transparent;border:1px solid #00FF9D;color:#00FF9D;border-radius:20px;font-family:inherit;font-size:0.95rem;font-weight:500;letter-spacing:0.05em;cursor:pointer;transition:all 0.4s ease;position:relative;overflow:hidden}button[type='submit']::before{content:'';position:absolute;inset:0;background:#00FF9D;transform:translateY(100%);transition:transform 0.4s ease;z-index:-1}button[type='submit']:hover{color:#0D1B1E;box-shadow:0 0 30px rgba(0,255,157,0.4)}button[type='submit']:hover::before{transform:translateY(0)}.form-note{font-size:0.8rem;color:#6B8078;margin-top:1rem}.tips-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:768px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tips-grid{grid-template-columns:repeat(4,1fr)}}.tip-card{padding:2rem 1.5rem;background:rgba(29,61,68,0.25);border:1px solid rgba(0,255,157,0.1);border-radius:20px;transition:all 0.3s ease;position:relative}.tip-card:hover{transform:translateY(-4px);border-color:rgba(0,255,157,0.3)}.tip-number{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:#00FF9D;opacity:0.5;line-height:1;margin-bottom:0.5rem}.tip-card h4{color:#E8F4F0;margin-bottom:0.5rem;font-size:1.1rem}.tip-card p{font-size:0.9rem;color:#8FA89F;margin:0}.disclaimer{background:rgba(0,255,157,0.04);border:1px dashed rgba(0,255,157,0.3);border-radius:20px;padding:1.5rem;margin:2rem 0;font-size:0.9rem;color:#8FA89F;font-style:italic}.disclaimer strong{color:#00FF9D;font-style:normal;display:block;margin-bottom:0.5rem;letter-spacing:0.05em;text-transform:uppercase;font-size:0.8rem}.article-page{padding:3rem 0}.article-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.article-header .article-meta{justify-content:center}.article-body{max-width:780px;margin:0 auto}.article-body p{font-size:1.05rem;margin-bottom:1.3rem}.article-body h2{margin:2.5rem 0 1rem;color:#E8F4F0}.article-body h3{margin:2rem 0 0.8rem;color:#00FF9D}.article-body ul,.article-body ol{margin:1rem 0 1rem 1.5rem;color:#C5D6D0}.article-body li{margin-bottom:0.6rem}.article-body blockquote{border-left:2px solid #00FF9D;padding:1rem 1.5rem;margin:2rem 0;background:rgba(0,255,157,0.03);border-radius:0 20px 20px 0;font-style:italic;color:#C5D6D0}.article-body .fact-box{background:rgba(29,61,68,0.3);border:1px solid rgba(0,255,157,0.2);border-radius:20px;padding:2rem;margin:2rem 0}.article-body .fact-box h4{color:#00FF9D;margin-bottom:1rem;font-size:1.1rem}.legal-content{max-width:800px;margin:0 auto;padding:3rem 0}.legal-content h2{margin-top:2rem;margin-bottom:1rem}.legal-content p{margin-bottom:1rem}.legal-content ul{margin:1rem 0 1rem 1.5rem}.legal-content li{margin-bottom:0.5rem;color:#C5D6D0}.success-page{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem}.success-icon{font-family:'Cormorant Garamond',serif;font-size:5rem;color:#00FF9D;margin-bottom:1rem;line-height:1;text-shadow:0 0 30px rgba(0,255,157,0.4)}.success-page h1{margin-bottom:1rem}.success-page p{max-width:500px;margin:0 auto 2rem;color:#C5D6D0}.error-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem}.error-code{font-family:'Cormorant Garamond',serif;font-size:clamp(6rem,15vw,10rem);color:#00FF9D;opacity:0.3;line-height:1;margin-bottom:1rem}footer{background:rgba(13,27,30,0.8);border-top:1px solid rgba(0,255,157,0.15);padding:3rem 0 2rem;margin-top:4rem;backdrop-filter:blur(10px)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:600px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-col h4{color:#E8F4F0;font-size:1rem;margin-bottom:1rem;font-family:'Inter',sans-serif;font-weight:500;letter-spacing:0.05em}.footer-col ul{list-style:none}.footer-col li{margin-bottom:0.5rem}.footer-col a{color:#8FA89F;font-size:0.9rem}.footer-col p{font-size:0.9rem;color:#8FA89F}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(0,255,157,0.1);color:#6B8078;font-size:0.85rem}.cookie-toggle{display:none}.cookie-banner{position:fixed;bottom:20px;right:20px;max-width:360px;background:rgba(13,27,30,0.95);border:1px solid rgba(0,255,157,0.3);border-radius:20px;padding:1.5rem;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 30px rgba(0,255,157,0.1);backdrop-filter:blur(20px);transition:all 0.4s ease}.cookie-toggle:checked~.cookie-banner{opacity:0;visibility:hidden;transform:translateY(20px)}.cookie-banner h5{color:#00FF9D;font-family:'Inter',sans-serif;font-size:0.9rem;margin-bottom:0.5rem;letter-spacing:0.05em;text-transform:uppercase}.cookie-banner p{font-size:0.85rem;color:#C5D6D0;margin-bottom:1rem;line-height:1.5}.cookie-actions{display:flex;gap:0.8rem;flex-wrap:wrap}.cookie-btn{padding:0.6rem 1.2rem;border-radius:20px;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease;display:inline-block;text-align:center}.cookie-accept{background:#00FF9D;color:#0D1B1E;border:1px solid #00FF9D}.cookie-accept:hover{box-shadow:0 0 20px rgba(0,255,157,0.4)}.cookie-more{background:transparent;color:#00FF9D;border:1px solid rgba(0,255,157,0.3)}.cookie-more:hover{border-color:#00FF9D}@media(max-width:600px){.cookie-banner{bottom:10px;right:10px;left:10px;max-width:none}.nav-links{gap:1rem;font-size:0.85rem}.hero{padding:3rem 0 2rem}}