/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
:root{--bg:#131316;--bg2:#1a1a1f;--bg3:#222228;--accent:#00e5ff;--accent2:#00b8d4;--white:#f0f0f5;--gray:#8a8a9a;--gray2:#555566;--radius:16px;--shadow:0 8px 32px rgba(0,229,255,0.08);--shadow-lg:0 16px 48px rgba(0,0,0,0.5);--font:'Segoe UI',system-ui,-apple-system,sans-serif;--transition:0.35s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.7;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:#fff}img{max-width:100%;height:auto;display:block;border-radius:var(--radius)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:rgba(19,19,22,0.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05)}.site-header .logo{font-size:1.6rem;font-weight:900;letter-spacing:2px;color:var(--accent)}.site-header .logo span{color:var(--white)}.site-header nav{display:flex;gap:1.5rem;align-items:center}.site-header nav a{color:var(--gray);font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.site-header nav a:hover{color:var(--accent)}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}.burger span{width:24px;height:2px;background:var(--white);transition:var(--transition)}.mobile-nav{display:none;position:fixed;inset:0;background:rgba(19,19,22,0.97);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mobile-nav.active{display:flex}.mobile-nav a{font-size:1.4rem;color:var(--white)}main{padding-top:70px}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,229,255,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero .hero-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:1rem}.hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.1;max-width:800px;margin-bottom:1.5rem}.hero h1 em{font-style:normal;color:var(--accent)}.hero .hero-sub{font-size:1.1rem;color:var(--gray);max-width:600px;margin-bottom:2rem;line-height:1.8}.hero blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;color:var(--gray);font-style:italic;font-size:1.05rem;max-width:600px;background:rgba(0,229,255,0.03);border-radius:0 var(--radius) var(--radius) 0}.hero .cta-btn{display:inline-block;padding:14px 36px;background:var(--accent);color:var(--bg);font-weight:700;border-radius:50px;font-size:0.95rem;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.hero .cta-btn:hover{background:#fff;color:var(--bg);transform:translateY(-2px);box-shadow:var(--shadow)}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:0.5rem}.section-title span{color:var(--accent)}.section-sub{color:var(--gray);margin-bottom:2.5rem;font-size:0.95rem}.layout-grid{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.content-main{display:flex;flex-direction:column;gap:3rem}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-block{background:var(--bg2);border-radius:var(--radius);padding:1.5rem;border:1px solid rgba(255,255,255,0.05)}.sidebar-block h3{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--accent)}.sidebar-block ul{list-style:none;display:flex;flex-direction:column;gap:0.7rem}.sidebar-block ul li a{color:var(--gray);font-size:0.9rem;transition:var(--transition)}.sidebar-block ul li a:hover{color:var(--white);padding-left:4px}.card-float{background:var(--bg2);border-radius:var(--radius);padding:1.8rem;border:1px solid rgba(255,255,255,0.05);transition:var(--transition);position:relative;overflow:hidden}.card-float:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,229,255,0.15)}.card-float .card-tag{font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:0.8rem}.card-float h3{font-size:1.15rem;font-weight:700;margin-bottom:0.6rem;line-height:1.3}.card-float p{color:var(--gray);font-size:0.9rem;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.articles-list{display:flex;flex-direction:column;gap:1.5rem}.article-preview{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg2);border-radius:var(--radius);border:1px solid rgba(255,255,255,0.05);transition:var(--transition);align-items:center}.article-preview:hover{border-color:rgba(0,229,255,0.2);transform:translateX(4px)}.article-preview .preview-num{font-size:2.5rem;font-weight:900;color:var(--accent);opacity:0.3;min-width:50px;text-align:center}.article-preview .preview-body h3{font-size:1rem;font-weight:700;margin-bottom:0.4rem}.article-preview .preview-body p{font-size:0.85rem;color:var(--gray)}.subscribe-section{background:var(--bg2);border-radius:var(--radius);padding:3rem;text-align:center;border:1px solid rgba(0,229,255,0.1);position:relative;overflow:hidden}.subscribe-section::before{content:'';position:absolute;top:-40%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,229,255,0.05) 0%,transparent 70%);pointer-events:none}.subscribe-section h2{font-size:1.6rem;font-weight:800;margin-bottom:0.5rem}.subscribe-section p{color:var(--gray);margin-bottom:1.5rem;font-size:0.95rem}.subscribe-form{display:flex;gap:0.8rem;max-width:450px;margin:0 auto;justify-content:center}.subscribe-form input[type="email"]{flex:1;padding:12px 18px;border-radius:50px;border:1px solid var(--gray2);background:var(--bg);color:var(--white);font-size:0.95rem;outline:none;transition:var(--transition)}.subscribe-form input[type="email"]:focus{border-color:var(--accent)}.subscribe-form button{padding:12px 28px;border-radius:50px;border:none;background:var(--accent);color:var(--bg);font-weight:700;cursor:pointer;font-size:0.9rem;transition:var(--transition);min-width:44px;min-height:44px}.subscribe-form button:hover{background:#fff}.article-page{max-width:800px;margin:0 auto;padding:5rem 2rem 3rem}.article-page .article-tag{font-size:0.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:1rem}.article-page h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15;margin-bottom:1.5rem}.article-page .article-meta{color:var(--gray);font-size:0.85rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.06)}.article-page h2{font-size:1.4rem;font-weight:800;margin:2.5rem 0 1rem;color:var(--white)}.article-page p{color:var(--gray);margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.article-page blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;font-style:italic;color:var(--gray);background:rgba(0,229,255,0.03);border-radius:0 var(--radius) var(--radius) 0}.article-page ul,.article-page ol{padding-left:1.5rem;margin-bottom:1.5rem;color:var(--gray)}.article-page li{margin-bottom:0.5rem;font-size:0.95rem}.article-page .highlight-box{background:var(--bg2);border:1px solid rgba(0,229,255,0.1);border-radius:var(--radius);padding:1.5rem;margin:2rem 0}.article-page .highlight-box h3{color:var(--accent);font-size:1rem;margin-bottom:0.8rem}.article-page .disclaimer{margin-top:3rem;padding:1.5rem;background:var(--bg2);border-radius:var(--radius);font-size:0.8rem;color:var(--gray2);border:1px solid rgba(255,255,255,0.04)}.movement-section{background:linear-gradient(135deg,var(--bg2) 0%,rgba(0,229,255,0.03) 100%);border-radius:var(--radius);padding:2.5rem;border:1px solid rgba(0,229,255,0.08)}.movement-section h2{font-size:1.4rem;font-weight:800;margin-bottom:1rem}.movement-section .move-card{display:flex;gap:1rem;padding:1rem;background:rgba(0,0,0,0.2);border-radius:12px;margin-bottom:1rem;align-items:center}.movement-section .move-icon{width:48px;height:48px;min-width:48px;background:rgba(0,229,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.move-card h4{font-size:0.95rem;font-weight:700;margin-bottom:0.2rem}.move-card p{font-size:0.8rem;color:var(--gray)}.about-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:var(--bg2);border-radius:var(--radius);border:1px solid rgba(255,255,255,0.05)}.about-block h2{font-size:1.6rem;font-weight:800;grid-column:1/-1;margin-bottom:0.5rem}.about-block p{color:var(--gray);font-size:0.95rem;line-height:1.7}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg2);border-radius:var(--radius)}.stat-item .stat-num{font-size:2rem;font-weight:900;color:var(--accent)}.stat-item .stat-label{font-size:0.8rem;color:var(--gray);margin-top:0.3rem}.site-footer{margin-top:4rem;padding:2.5rem 2rem;border-top:1px solid rgba(255,255,255,0.05);text-align:center}.site-footer .footer-links{display:flex;justify-content:center;gap:1.5rem;margin:1rem 0;flex-wrap:wrap}.site-footer .footer-links a{color:var(--gray);font-size:0.8rem}.site-footer .footer-copy{font-size:0.75rem;color:var(--gray2);margin-bottom:0.5rem}.site-footer .footer-disc{font-size:0.7rem;color:var(--gray2);max-width:700px;margin:0.8rem auto 0;line-height:1.6}.success-page,.error-page{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.success-page h1,.error-page h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin-bottom:1rem}.success-page p,.error-page p{color:var(--gray);margin-bottom:2rem}.legal-page{max-width:780px;margin:0 auto;padding:5rem 2rem 3rem}.legal-page h1{font-size:2rem;font-weight:900;margin-bottom:2rem}.legal-page h2{font-size:1.2rem;font-weight:700;margin:2rem 0 0.8rem;color:var(--accent)}.legal-page p{color:var(--gray);margin-bottom:1rem;font-size:0.95rem;line-height:1.7}#cookie-toggle{display:none}.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--bg2);border:1px solid rgba(0,229,255,0.15);border-radius:var(--radius);padding:1.2rem 1.5rem;max-width:340px;z-index:200;box-shadow:var(--shadow-lg);font-size:0.82rem;color:var(--gray);transition:var(--transition)}#cookie-toggle:checked~.cookie-banner{display:none}.cookie-banner p{margin-bottom:0.8rem;line-height:1.5}.cookie-btns{display:flex;gap:0.5rem}.cookie-btns label,.cookie-btns a{padding:8px 16px;border-radius:50px;font-size:0.78rem;font-weight:600;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.cookie-accept{background:var(--accent);color:var(--bg)}.cookie-decline{background:var(--bg3);color:var(--gray)}@media(max-width:900px){.layout-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.about-block{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.site-header nav{display:none}.burger{display:flex}}@media(max-width:600px){.cards-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.article-preview{flex-direction:column}.hero{padding:3rem 1.2rem}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}
.hero-banner { position: relative; min-height: 88vh; display: flex; align-items: center; overflow: hidden; }
.hero-banner-bg { position: absolute; inset: 0; }
.hero-banner-bg img { width: 100%; height: 100%; object-fit: cover; }
.hero-banner-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 100%); }
.hero-banner-content { position: relative; z-index: 2; max-width: 640px; padding: 3rem 2rem; color: #fff; }
.hero-chip { display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; background: var(--accent, #4a90d9); color: #fff; padding: .35rem 1rem; border-radius: 4px; margin-bottom: 1.25rem; }
.hero-banner-content h1 { font-size: clamp(2rem, 4.5vw, 3.4rem); line-height: 1.1; font-weight: 800; margin-bottom: 1.25rem; }
.hero-banner-content p { font-size: 1.05rem; line-height: 1.8; opacity: .9; margin-bottom: 1.5rem; }
.hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }
.cta-ghost { display: inline-block; padding: .75rem 1.5rem; border: 1px solid rgba(255,255,255,.4); color: #fff; border-radius: 6px; font-weight: 600; font-size: .88rem; transition: all .3s; }
.cta-ghost:hover { border-color: #fff; background: rgba(255,255,255,.1); }

.intro-strip { padding: 2.5rem 0; border-bottom: 1px solid #e8e8e8; }
.intro-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; text-align: center; }
.intro-num { display: block; font-size: 2.2rem; font-weight: 900; color: var(--accent, #4a90d9); line-height: 1; margin-bottom: .4rem; }
.intro-desc { font-size: .82rem; color: #888; line-height: 1.5; }

.featured-article { padding: 4rem 0; }
.featured-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.featured-img { border-radius: 10px; overflow: hidden; }
.featured-img img { width: 100%; height: 400px; object-fit: cover; }
.featured-cat { font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent, #4a90d9); display: block; margin-bottom: .5rem; }
.featured-text h2 { font-size: 1.5rem; line-height: 1.25; margin-bottom: 1rem; }
.featured-text p { font-size: .95rem; color: #555; line-height: 1.85; margin-bottom: .8rem; }
.read-link { font-weight: 700; font-size: .88rem; color: var(--accent, #4a90d9); display: inline-block; margin-top: .5rem; }

.pillars-section { padding: 4rem 0; background: #f7f8fa; }
.sec-heading { font-size: 1.5rem; font-weight: 800; margin-bottom: .3rem; }
.sec-sub { color: #888; font-size: .92rem; margin-bottom: 2rem; }
.pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.pillar-block { display: block; background: #fff; border-radius: 10px; padding: 2rem; border: 1px solid #eee; transition: all .3s; }
.pillar-block:hover { border-color: var(--accent, #4a90d9); box-shadow: 0 8px 30px rgba(0,0,0,.06); transform: translateY(-3px); }
.pillar-icon-wrap { font-size: 2rem; margin-bottom: .8rem; }
.pillar-block h3 { font-size: 1.05rem; margin-bottom: .4rem; }
.pillar-block p { font-size: .88rem; color: #666; line-height: 1.7; }

.deep-read-section { padding: 3.5rem 0; border-top: 1px solid #eee; }
.deep-read-section.alt { background: #f8f9fa; border-top: none; }
.deep-read-inner { max-width: 700px; margin: 0 auto; }
.deep-read-inner h2 { font-size: 1.35rem; font-weight: 700; margin-bottom: 1rem; }
.deep-read-inner p { font-size: .95rem; line-height: 1.88; color: #555; margin-bottom: 1rem; }
.deep-read-inner p:last-child { margin-bottom: 0; }

.movement-daily { padding: 4rem 0; }
.movement-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.movement-card { background: #f7f8fa; border-radius: 10px; padding: 2rem; }
.movement-time { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .1em; background: var(--accent, #4a90d9); color: #fff; padding: .25rem .75rem; border-radius: 3px; margin-bottom: .75rem; }
.movement-card h3 { font-size: 1rem; margin-bottom: .4rem; }
.movement-card p { font-size: .88rem; color: #666; line-height: 1.75; }

.articles-showcase { padding: 4rem 0; background: #f7f8fa; }
.showcase-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 1.5rem; }
.showcase-main { position: relative; border-radius: 10px; overflow: hidden; min-height: 380px; display: block; }
.showcase-main img { width: 100%; height: 100%; object-fit: cover; }
.showcase-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.5rem; background: linear-gradient(to top, rgba(0,0,0,.75), transparent); color: #fff; }
.showcase-tag { font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; opacity: .8; }
.showcase-overlay h3 { font-size: 1.2rem; margin-top: .3rem; line-height: 1.3; }
.showcase-overlay p { font-size: .85rem; opacity: .85; margin-top: .3rem; }
.showcase-side { display: flex; flex-direction: column; gap: 1.5rem; }
.showcase-card-sm { display: block; background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 1.5rem; transition: all .3s; }
.showcase-card-sm:hover { border-color: var(--accent, #4a90d9); }
.showcase-card-sm h3 { font-size: 1rem; margin-top: .3rem; line-height: 1.35; }

.about-section { padding: 4rem 0; border-top: 1px solid #eee; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.about-grid h2 { font-size: 1.4rem; margin-bottom: 1rem; }
.about-grid p { font-size: .95rem; color: #555; line-height: 1.85; }
.about-img { border-radius: 10px; overflow: hidden; }
.about-img img { width: 100%; height: 300px; object-fit: cover; }

.subscribe-inner { max-width: 520px; margin: 0 auto; text-align: center; }

@media (max-width: 768px) {
  .hero-banner { min-height: 70vh; }
  .intro-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .featured-grid { grid-template-columns: 1fr; }
  .pillars-grid { grid-template-columns: 1fr; }
  .movement-grid { grid-template-columns: 1fr; }
  .showcase-grid { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; }
}