/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
:root{--bg:#0D1B1E;--bg2:#1D3D44;--accent:#00FF9D;--text:#E0F0EE;--text-muted:#7AADA6;--card-bg:rgba(29,61,68,0.72);--radius:16px;--glow:0 0 22px rgba(0,255,157,0.32);--font:'Segoe UI',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden;position:relative}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,157,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,157,0.03) 1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none}
.blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.13;animation:blobMove 14s ease-in-out infinite alternate}
.blob-1{width:600px;height:600px;background:var(--accent);top:-160px;left:-160px;animation-duration:17s}
.blob-2{width:500px;height:500px;background:#1D6B55;bottom:-120px;right:-160px;animation-duration:21s;animation-delay:-8s}
.blob-3{width:360px;height:360px;background:var(--bg2);top:44%;left:38%;animation-duration:12s;animation-delay:-4s}
@keyframes blobMove{0%{border-radius:60% 40% 70% 30%/50% 60% 40% 70%;transform:scale(1) rotate(0deg)}33%{border-radius:40% 60% 30% 70%/70% 40% 60% 50%;transform:scale(1.1) rotate(60deg)}66%{border-radius:70% 30% 50% 50%/40% 70% 30% 60%;transform:scale(0.92) rotate(120deg)}100%{border-radius:50% 50% 40% 60%/60% 30% 70% 40%;transform:scale(1.06) rotate(180deg)}}
.container{max-width:1100px;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.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(0,255,157,0.14);padding:1rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.logo{font-size:1.8rem;font-weight:700;color:var(--accent);text-decoration:none;text-shadow:var(--glow);letter-spacing:0.05em}
nav{display:flex;gap:1.5rem;flex-wrap:wrap}
nav a{color:var(--text-muted);text-decoration:none;font-size:0.95rem;transition:color 0.3s;position:relative}
nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width 0.3s;box-shadow:var(--glow)}
nav a:hover{color:var(--accent)}
nav a:hover::after{width:100%}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;padding:4rem 0;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.2;z-index:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,27,30,0.88) 0%,rgba(29,61,68,0.65) 100%);z-index:1}
.hero-content{position:relative;z-index:2;max-width:680px}
.hero-tag{display:inline-block;color:var(--accent);font-size:0.82rem;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1rem;border:1px solid rgba(0,255,157,0.35);padding:0.3rem 0.9rem;border-radius:20px}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin-bottom:1.5rem;color:var(--text)}
.hero h1 span{color:var(--accent)}
.hero p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;max-width:560px;line-height:1.75}
.btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--accent);color:var(--bg);padding:0.85rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.3s;box-shadow:0 0 30px rgba(0,255,157,0.35);border:none;cursor:pointer;font-family:var(--font)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 52px rgba(0,255,157,0.62)}
.btn-outline{background:transparent;color:var(--accent);border:1px solid rgba(0,255,157,0.5);box-shadow:none}
.btn-outline:hover{background:rgba(0,255,157,0.08);box-shadow:var(--glow)}
.section{padding:5rem 0}
.section-title{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:0.5rem;color:var(--text)}
.section-title span{color:var(--accent)}
.divider{width:60px;height:2px;background:var(--accent);margin:1rem 0 3rem;box-shadow:var(--glow);border-radius:2px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.card{background:var(--card-bg);border:1px solid rgba(0,255,157,0.1);border-radius:var(--radius);overflow:hidden;transition:all 0.4s;position:relative;backdrop-filter:blur(10px)}
.card:hover{transform:translateY(-6px);border-color:rgba(0,255,157,0.42);box-shadow:0 20px 60px rgba(0,0,0,0.4),var(--glow)}
.card:hover::before{opacity:1}
.card-body{padding:1.8rem}
.card-tag{font-size:0.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.8rem;display:block}
.card h3{font-size:1.2rem;margin-bottom:0.8rem;line-height:1.4;color:var(--text)}
.card p{color:var(--text-muted);font-size:0.95rem;line-height:1.7;margin-bottom:1.2rem}
.card-link{color:var(--accent);text-decoration:none;font-size:0.9rem;font-weight:600;display:inline-flex;align-items:center;gap:0.4rem;transition:gap 0.3s}
.card-link:hover{gap:0.8rem}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-text p{color:var(--text-muted);line-height:1.8;margin-bottom:1.2rem}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.stat-card{background:var(--card-bg);border:1px solid rgba(0,255,157,0.15);border-radius:var(--radius);padding:1.5rem;text-align:center;backdrop-filter:blur(10px)}
.stat-num{font-size:2rem;font-weight:700;color:var(--accent);text-shadow:var(--glow);display:block;margin-bottom:0.3rem}
.stat-label{font-size:0.85rem;color:var(--text-muted)}
.subscribe-section{background:linear-gradient(135deg,rgba(29,61,68,0.52),rgba(13,27,30,0.82));border:1px solid rgba(0,255,157,0.1);border-radius:calc(var(--radius)*2);padding:4rem 3rem;backdrop-filter:blur(10px);position:relative;overflow:hidden}
.subscribe-section::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,157,0.07),transparent 70%);pointer-events:none}
.subscribe-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.form-group{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.2rem}
.form-group label{font-size:0.85rem;color:var(--text-muted);letter-spacing:0.04em}
.form-group input{background:rgba(13,27,30,0.82);border:1px solid rgba(0,255,157,0.2);border-radius:8px;padding:0.85rem 1.2rem;color:var(--text);font-size:1rem;outline:none;transition:border-color 0.3s,box-shadow 0.3s;font-family:var(--font);width:100%}
.form-group input:focus{border-color:var(--accent);box-shadow:0 0 15px rgba(0,255,157,0.2)}
.form-group input::placeholder{color:rgba(122,173,166,0.5)}
.article-img{width:100%;height:380px;object-fit:cover;border-radius:var(--radius);margin-bottom:2rem;border:1px solid rgba(0,255,157,0.15)}
.article-meta{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:2rem}
.article-meta span{color:var(--text-muted);font-size:0.9rem}
.article-meta .tag{color:var(--accent);border:1px solid rgba(0,255,157,0.3);border-radius:20px;padding:0.2rem 0.8rem;font-size:0.8rem}
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}
.article-content{max-width:100%}
.article-content h2{font-size:1.55rem;color:var(--text);margin:2.5rem 0 1rem;position:relative;padding-left:1.2rem}
.article-content h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--accent);border-radius:2px;box-shadow:var(--glow)}
.article-content p{color:var(--text-muted);line-height:1.9;margin-bottom:1.4rem;font-size:1.05rem}
.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.disclaimer{margin:3rem 0;padding:1.5rem 2rem;background:rgba(29,61,68,0.52);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:0.92rem;color:var(--text-muted);backdrop-filter:blur(10px)}
.disclaimer strong{color:var(--accent)}
.sidebar{position:sticky;top:100px}
.sidebar-card{background:var(--card-bg);border:1px solid rgba(0,255,157,0.1);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(10px)}
.sidebar-card h4{color:var(--accent);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem}
.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:0.8rem}
.sidebar-list a{color:var(--text-muted);text-decoration:none;font-size:0.9rem;line-height:1.5;transition:color 0.3s;display:flex;gap:0.5rem}
.sidebar-list a::before{content:'\25B8';color:var(--accent);flex-shrink:0}
.sidebar-list a:hover{color:var(--accent)}
.page-header{padding:4rem 0 2rem;border-bottom:1px solid rgba(0,255,157,0.1);margin-bottom:3rem}
.page-header h1{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:0.5rem}
.page-header p{color:var(--text-muted)}
.policy-content{max-width:820px;padding-bottom:4rem}
.policy-content h2{font-size:1.4rem;color:var(--accent);margin:2rem 0 1rem}
.policy-content p,.policy-content li{color:var(--text-muted);line-height:1.85;margin-bottom:1rem;font-size:1rem}
.policy-content ul{padding-left:1.5rem;margin-bottom:1rem}
.success-page{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}
.success-icon{font-size:5rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 0 22px rgba(0,255,157,0.52))}
.success-page h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text)}
.success-page p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;max-width:500px}
.error-page{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}
.error-num{font-size:clamp(5rem,15vw,10rem);font-weight:900;color:transparent;background:linear-gradient(135deg,var(--accent),var(--bg2));-webkit-background-clip:text;background-clip:text;line-height:1;filter:drop-shadow(0 0 32px rgba(0,255,157,0.32))}
.error-page h2{font-size:1.8rem;margin:1rem 0;color:var(--text)}
.error-page p{color:var(--text-muted);margin-bottom:2rem}
footer{background:rgba(13,27,30,0.92);border-top:1px solid rgba(0,255,157,0.1);padding:3rem 0 1.5rem;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}
.footer-brand p{color:var(--text-muted);font-size:0.9rem;line-height:1.7;margin-top:0.8rem;max-width:280px}
.footer-col h4{color:var(--text);font-size:0.9rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.6rem}
.footer-col ul a{color:var(--text-muted);text-decoration:none;font-size:0.9rem;transition:color 0.3s}
.footer-col ul a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid rgba(0,255,157,0.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{color:var(--text-muted);font-size:0.85rem}
#cookie-toggle{display:none}
.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:rgba(29,61,68,0.97);border:1px solid rgba(0,255,157,0.36);border-radius:var(--radius);padding:1.5rem;max-width:340px;backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,0.52),0 0 42px rgba(0,255,157,0.08);transition:transform 0.5s cubic-bezier(0.68,-0.55,0.265,1.55),opacity 0.5s}
#cookie-toggle:checked~.cookie-banner{transform:translateY(150%) scale(0.8);opacity:0;pointer-events:none}
.cookie-banner p{font-size:0.85rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.6}
.cookie-banner p a{color:var(--accent);text-decoration:underline}
.cookie-actions{display:flex;gap:0.8rem;flex-wrap:wrap}
.cookie-actions .btn{padding:0.6rem 1.2rem;font-size:0.85rem}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}.subscribe-grid{grid-template-columns:1fr;gap:2rem}.subscribe-section{padding:2.5rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}
@media(max-width:640px){.hero{min-height:70vh}.section{padding:3rem 0}.footer-bottom{flex-direction:column;text-align:center}.cookie-banner{left:1rem;right:1rem;max-width:none}.cards-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}}