:root{--primary:#0a1628;--primary-light:#132240;--primary-mid:#0e1e3a;--accent:#f4a914;--accent-dark:#c8870a;--accent-light:rgba(244,169,20,.13);--text:#1c1f2e;--text-mid:#374151;--text-muted:#6b7280;--bg:#f2f4f8;--bg-alt:#e8ecf3;--white:#fff;--border:#e2e6ef;--shadow:0 2px 14px rgba(10,22,40,.08);--shadow-md:0 4px 22px rgba(10,22,40,.12);--shadow-lg:0 8px 40px rgba(10,22,40,.17);--radius:14px;--radius-sm:9px;--radius-lg:22px;--transition:all .28s cubic-bezier(.4,0,.2,1);--font-h:'Poppins',system-ui,sans-serif;--font-b:'Inter',system-ui,sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-b);color:var(--text);background:var(--bg);line-height:1.72;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit;font-size:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-h);font-weight:700;line-height:1.28;color:var(--primary)}
h1{font-size:clamp(1.9rem,5vw,3.4rem)}
h2{font-size:clamp(1.55rem,3.5vw,2.4rem)}
h3{font-size:clamp(1.2rem,2.5vw,1.7rem)}
h4{font-size:clamp(1.05rem,2vw,1.3rem)}
h5{font-size:1.08rem}
h6{font-size:.95rem}
p{margin-bottom:1rem}
p:last-child{margin-bottom:0}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 22px}
.container-sm{max-width:820px;margin:0 auto;padding:0 22px}
.section{padding:84px 0}
.section-alt{background:var(--bg-alt)}
.section-dark{background:var(--primary);color:var(--white)}
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--white)}
.section-title{text-align:center;margin-bottom:52px}
.section-title h2{margin-bottom:14px}
.section-title p{color:var(--text-muted);font-size:1.08rem;max-width:620px;margin:0 auto}
.section-title .badge{margin-bottom:14px}
.text-accent{color:var(--accent)}
.text-center{text-align:center}
.text-muted{color:var(--text-muted)}
.text-white{color:var(--white)}

.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:24px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.badge-accent{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(244,169,20,.25)}
.badge-primary{background:rgba(255,255,255,.12);color:var(--white);border:1px solid rgba(255,255,255,.2)}

.grid{display:grid;gap:26px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.flex{display:flex;gap:16px}
.flex-center{align-items:center;justify-content:center}
.flex-between{align-items:center;justify-content:space-between}
.flex-wrap{flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:var(--radius-sm);font-family:var(--font-h);font-weight:600;font-size:.94rem;transition:var(--transition);white-space:nowrap;cursor:pointer;line-height:1}
.btn-primary{background:var(--accent);color:var(--primary);border:2px solid var(--accent)}
.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 22px rgba(244,169,20,.38)}
.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}
.btn-outline:hover{background:var(--accent);color:var(--primary);transform:translateY(-2px)}
.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5)}
.btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:var(--white);transform:translateY(-2px)}
.btn-dark{background:var(--primary);color:var(--white);border:2px solid var(--primary)}
.btn-dark:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-2px)}
.btn-lg{padding:16px 38px;font-size:1.05rem}
.btn-sm{padding:8px 18px;font-size:.82rem}

.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--primary);transition:box-shadow .3s ease}
.navbar.scrolled{box-shadow:0 3px 24px rgba(0,0,0,.32)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 24px;max-width:1300px;margin:0 auto}
.nav-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.nav-brand img{height:42px;width:auto}
.nav-brand-text{font-family:var(--font-h);font-size:1.28rem;font-weight:800;color:var(--white);line-height:1}
.nav-brand-text span{color:var(--accent)}
.nav-menu{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:5px;padding:8px 13px;border-radius:var(--radius-sm);color:rgba(255,255,255,.82);font-size:.88rem;font-weight:500;transition:var(--transition)}
.nav-link i{font-size:.72rem;transition:transform .25s ease}
.nav-item:hover .nav-link i{transform:rotate(180deg)}
.nav-link:hover,.nav-link.active{color:var(--accent)}
.nav-link.active{font-weight:600}
.nav-link-cta{background:var(--accent);color:var(--primary) !important;font-weight:700;padding:9px 20px;margin-left:6px}
.nav-link-cta:hover{background:var(--accent-dark);color:var(--primary) !important;transform:translateY(-2px)}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:230px;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);z-index:200;border-top:3px solid var(--accent)}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 18px;color:var(--text-mid);font-size:.87rem;border-bottom:1px solid var(--border);transition:var(--transition)}
.nav-dropdown a:last-child{border-bottom:none}
.nav-dropdown a i{color:var(--accent);font-size:.85rem;width:16px}
.nav-dropdown a:hover{background:var(--bg);color:var(--accent);padding-left:22px}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:1001;flex-shrink:0}
.nav-toggle span{display:block;width:25px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero{position:relative;min-height:620px;display:flex;align-items:center;background:var(--primary);overflow:hidden;padding-top:70px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center top}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,22,40,.94) 0%,rgba(10,22,40,.78) 60%,rgba(10,22,40,.65) 100%)}
.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(244,169,20,.07) 1px,transparent 0);background-size:30px 30px;opacity:.8}
.hero-glow{position:absolute;top:-20%;right:-10%;width:60%;height:140%;background:radial-gradient(ellipse,rgba(244,169,20,.09) 0%,transparent 65%);pointer-events:none}
.hero-content{position:relative;z-index:2;padding:90px 0 80px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(244,169,20,.14);border:1px solid rgba(244,169,20,.35);color:var(--accent);padding:7px 18px;border-radius:28px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.9px;margin-bottom:26px}
.hero h1{color:var(--white);margin-bottom:22px}
.hero h1 span{color:var(--accent)}
.hero-desc{color:rgba(255,255,255,.78);font-size:1.12rem;max-width:580px;margin-bottom:38px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:52px}
.hero-stats{display:flex;flex-wrap:wrap;gap:36px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
.hero-stat .num{font-family:var(--font-h);font-size:1.9rem;font-weight:800;color:var(--accent);display:block;line-height:1}
.hero-stat .lbl{font-size:.78rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.6px;margin-top:5px;display:block}
.hero-sm{min-height:350px}
.hero-sm .hero-content{padding:60px 0 50px}
.hero-sm h1{font-size:clamp(1.6rem,4vw,2.6rem)}

.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.breadcrumb a{color:rgba(255,255,255,.55);font-size:.83rem;transition:var(--transition)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .sep{color:rgba(255,255,255,.28);font-size:.78rem}
.breadcrumb .current{color:rgba(255,255,255,.88);font-size:.83rem}

.stats-bar{background:var(--primary-mid);padding:28px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.stats-bar-inner{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}
.stat-box{text-align:center}
.stat-box .num{font-family:var(--font-h);font-size:1.95rem;font-weight:800;color:var(--accent);display:block;line-height:1}
.stat-box .lbl{font-size:.78rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.6px;margin-top:6px;display:block}

.card{background:var(--white);border-radius:var(--radius);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.card-img{overflow:hidden}
.card-img img{width:100%;height:220px;object-fit:cover;transition:transform .42s ease}
.card:hover .card-img img{transform:scale(1.06)}
.card-body{padding:26px}
.card-body h3{margin-bottom:10px;font-size:1.12rem}
.card-body h4{margin-bottom:10px;font-size:1rem}
.card-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.card-meta span{font-size:.79rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}
.card-meta span i{color:var(--accent)}
.card-footer{padding:15px 26px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.read-more{color:var(--accent);font-size:.86rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:var(--transition)}
.read-more:hover{gap:9px}

.game-card{background:var(--white);border-radius:var(--radius);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow);border-bottom:3px solid transparent}
.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-bottom-color:var(--accent)}
.game-card-img{overflow:hidden;position:relative}
.game-card-img img{width:100%;height:200px;object-fit:cover;transition:transform .42s ease}
.game-card:hover .game-card-img img{transform:scale(1.08)}
.game-card-cat{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--primary);padding:4px 11px;border-radius:6px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.game-card-body{padding:22px}
.game-card-body h3{font-size:1.08rem;margin-bottom:8px}
.game-card-body p{color:var(--text-muted);font-size:.87rem;line-height:1.65}
.game-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}
.game-tag{background:var(--bg);color:var(--text-muted);padding:3px 10px;border-radius:20px;font-size:.73rem;border:1px solid var(--border)}

.feature-card{background:var(--white);border-radius:var(--radius);padding:34px 26px;text-align:center;transition:var(--transition);box-shadow:var(--shadow)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.feature-icon{width:66px;height:66px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:1.55rem;color:var(--accent);transition:var(--transition)}
.feature-card:hover .feature-icon{background:var(--accent);color:var(--primary)}
.feature-card h3{font-size:1.08rem;margin-bottom:10px}
.feature-card p{color:var(--text-muted);font-size:.88rem;line-height:1.68}

.guide-card{background:var(--white);border-radius:var(--radius);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow)}
.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.guide-card-img{overflow:hidden;position:relative}
.guide-card-img img{width:100%;height:185px;object-fit:cover;transition:transform .42s ease}
.guide-card:hover .guide-card-img img{transform:scale(1.06)}
.guide-card-body{padding:22px}
.guide-level{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:var(--accent);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.guide-card-body h3{font-size:1.03rem;margin-bottom:8px}
.guide-card-body p{color:var(--text-muted);font-size:.86rem;line-height:1.62}

.step-wrap{counter-reset:step}
.step{display:flex;gap:24px;margin-bottom:40px;align-items:flex-start}
.step:last-child{margin-bottom:0}
.step-num{counter-increment:step;flex-shrink:0;width:54px;height:54px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-weight:800;font-size:1.25rem;color:var(--primary);position:relative;z-index:1}
.step-content{padding-top:8px}
.step-content h3{margin-bottom:8px;font-size:1.1rem}
.step-content p{color:var(--text-muted);font-size:.9rem;line-height:1.7}

.accordion-item{background:var(--white);border-radius:var(--radius-sm);margin-bottom:10px;box-shadow:var(--shadow);overflow:hidden}
.accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;cursor:pointer;font-family:var(--font-h);font-size:.98rem;font-weight:600;color:var(--text);text-align:left;gap:16px;transition:var(--transition)}
.accordion-btn:hover{color:var(--accent)}
.accordion-btn.open{color:var(--accent)}
.accordion-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text-muted);font-size:.8rem}
.accordion-btn.open .accordion-icon{background:var(--accent-light);color:var(--accent);transform:rotate(45deg)}
.accordion-body{max-height:0;overflow:hidden;transition:max-height .36s ease}
.accordion-body.open{max-height:600px}
.accordion-body-inner{padding:4px 24px 22px;color:var(--text-mid);font-size:.91rem;line-height:1.78}
.accordion-body-inner a{color:var(--accent);text-decoration:underline}

.blog-detail h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:2.2rem 0 .9rem}
.blog-detail h3{font-size:clamp(1.1rem,2.5vw,1.35rem);margin:1.8rem 0 .7rem}
.blog-detail p{color:var(--text-mid);font-size:.98rem;line-height:1.82;margin-bottom:1.2rem}
.blog-detail ul,.blog-detail ol{margin:1rem 0 1.5rem 1.5rem}
.blog-detail ul{list-style:disc}
.blog-detail ol{list-style:decimal}
.blog-detail li{margin-bottom:.65rem;color:var(--text-mid);line-height:1.72}
.blog-detail strong{color:var(--primary)}
.blog-detail blockquote{border-left:4px solid var(--accent);padding:18px 22px;background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.6rem 0;font-style:italic;color:var(--text-mid)}
.blog-article-header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.blog-article-header h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:14px}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px}
.article-meta span{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-muted)}
.article-meta span i{color:var(--accent)}
.article-cover{border-radius:var(--radius);overflow:hidden;margin-bottom:32px;box-shadow:var(--shadow-md)}
.article-cover img{width:100%;height:auto;max-height:460px;object-fit:cover}

.info-box{background:var(--accent-light);border:1px solid rgba(244,169,20,.3);border-radius:var(--radius-sm);padding:20px 24px;margin:1.5rem 0;display:flex;gap:14px;align-items:flex-start}
.info-box i{color:var(--accent);font-size:1.1rem;margin-top:2px;flex-shrink:0}
.info-box p{margin:0;font-size:.9rem;color:var(--text-mid)}

.contact-info-box{background:var(--white);border-radius:var(--radius-sm);padding:24px;box-shadow:var(--shadow);margin-bottom:18px;display:flex;gap:16px;align-items:flex-start}
.contact-info-icon{width:50px;height:50px;background:var(--accent-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.15rem;flex-shrink:0}
.contact-info-text h4{font-size:.92rem;margin-bottom:5px;font-weight:700}
.contact-info-text p,.contact-info-text a{color:var(--text-muted);font-size:.88rem;line-height:1.6;margin:0}
.contact-info-text a:hover{color:var(--accent)}
.contact-form-wrap{background:var(--white);border-radius:var(--radius);padding:38px;box-shadow:var(--shadow-md)}
.form-group{margin-bottom:20px}
.form-label{display:block;margin-bottom:7px;font-weight:600;font-size:.88rem;color:var(--text)}
.form-control{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.93rem;color:var(--text);transition:var(--transition);background:var(--bg)}
.form-control:focus{outline:none;border-color:var(--accent);background:var(--white)}
textarea.form-control{resize:vertical;min-height:135px}
.form-submit{width:100%}
.map-container{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}
.map-container iframe{width:100%;height:370px;border:none;display:block}

.cta-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);padding:64px 52px;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:-40%;left:-15%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(244,169,20,.11) 0%,transparent 70%);pointer-events:none}
.cta-banner::after{content:'';position:absolute;bottom:-40%;right:-15%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(244,169,20,.08) 0%,transparent 70%);pointer-events:none}
.cta-banner h2{color:var(--white);margin-bottom:14px;position:relative;z-index:1}
.cta-banner p{color:rgba(255,255,255,.72);font-size:1.05rem;margin-bottom:34px;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.cta-btn-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}

.notice-box{border-radius:var(--radius-sm);padding:20px 24px;margin-bottom:18px;display:flex;gap:14px;align-items:flex-start;font-size:.9rem}
.notice-box.info{background:#eff6ff;border-left:4px solid #3b82f6}
.notice-box.info i{color:#3b82f6;margin-top:2px;flex-shrink:0}
.notice-box.warn{background:#fffbeb;border-left:4px solid #f59e0b}
.notice-box.warn i{color:#f59e0b;margin-top:2px;flex-shrink:0}
.notice-box p{margin:0;color:var(--text-mid);line-height:1.7}

.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow)}
.data-table{width:100%;border-collapse:collapse;background:var(--white)}
.data-table th{background:var(--primary);color:var(--white);padding:14px 18px;text-align:left;font-size:.86rem;font-weight:600;white-space:nowrap}
.data-table th:first-child{border-radius:var(--radius) 0 0 0}
.data-table th:last-child{border-radius:0 var(--radius) 0 0}
.data-table td{padding:13px 18px;border-bottom:1px solid var(--border);font-size:.89rem;color:var(--text)}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:var(--bg)}
.data-table .yes{color:#16a34a;font-weight:700}
.data-table .no{color:#dc2626}
.data-table .check i{color:#16a34a}
.data-table .cross i{color:#dc2626}

.tag{display:inline-block;background:var(--bg);border:1px solid var(--border);padding:4px 13px;border-radius:22px;font-size:.77rem;color:var(--text-muted);margin-right:7px;margin-bottom:7px;transition:var(--transition)}
.tag:hover,.tag.active-tag{background:var(--accent-light);border-color:rgba(244,169,20,.4);color:var(--accent-dark)}

.sidebar-box{background:var(--white);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:24px}
.sidebar-box h4{font-size:1rem;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--accent)}
.sidebar-links a{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--border);color:var(--text-mid);font-size:.88rem;transition:var(--transition)}
.sidebar-links a:last-child{border-bottom:none}
.sidebar-links a i{color:var(--accent);font-size:.8rem}
.sidebar-links a:hover{color:var(--accent);padding-left:6px}

.page-404{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:60px 20px;padding-top:130px}
.page-404-inner{text-align:center;max-width:520px}
.page-404-num{font-family:var(--font-h);font-size:clamp(6rem,15vw,9rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:3px var(--accent);margin-bottom:20px;display:block}
.page-404-icon{font-size:3rem;color:var(--accent);margin-bottom:18px}
.page-404-inner h2{font-size:1.8rem;margin-bottom:12px}
.page-404-inner p{color:var(--text-muted);margin-bottom:32px;font-size:1rem}
.page-404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.legal-content{max-width:820px}
.legal-content h2{font-size:1.35rem;margin:2.4rem 0 .85rem;color:var(--primary);padding-top:1rem;border-top:1px solid var(--border)}
.legal-content h2:first-of-type{border-top:none;margin-top:0}
.legal-content h3{font-size:1.1rem;margin:1.7rem 0 .7rem;color:var(--primary)}
.legal-content p{color:var(--text-mid);line-height:1.82;margin-bottom:1rem;font-size:.95rem}
.legal-content ul{margin:.7rem 0 1.2rem 1.5rem;list-style:disc}
.legal-content li{color:var(--text-mid);line-height:1.72;margin-bottom:.5rem;font-size:.95rem}
.legal-content strong{color:var(--primary)}
.legal-update{background:var(--bg-alt);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:28px;font-size:.85rem;color:var(--text-muted)}

.footer{background:var(--primary);color:rgba(255,255,255,.78);padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:48px;padding-bottom:52px}
.footer-logo-text{font-family:var(--font-h);font-size:1.4rem;font-weight:800;color:var(--white);display:block;margin-bottom:14px;line-height:1}
.footer-logo-text span{color:var(--accent)}
.footer-desc{font-size:.86rem;line-height:1.72;color:rgba(255,255,255,.5);max-width:285px;margin-bottom:26px}
.footer-social{display:flex;gap:9px;flex-wrap:wrap}
.social-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.65);font-size:.88rem;transition:var(--transition)}
.social-btn:hover{background:var(--accent);color:var(--primary);transform:translateY(-3px)}
.footer-col h4{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:18px;text-transform:uppercase;letter-spacing:.6px}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{color:rgba(255,255,255,.5);font-size:.85rem;transition:var(--transition);display:flex;align-items:center;gap:7px}
.footer-links a i{color:var(--accent);font-size:.72rem}
.footer-links a:hover{color:var(--accent);padding-left:5px}
.footer-contact-item{display:flex;gap:10px;margin-bottom:13px;align-items:flex-start}
.footer-contact-item i{color:var(--accent);font-size:.88rem;margin-top:3px;flex-shrink:0;width:14px}
.footer-contact-item span,.footer-contact-item a{color:rgba(255,255,255,.5);font-size:.83rem;line-height:1.62}
.footer-contact-item a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:20px 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.36)}
.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom-links a{color:rgba(255,255,255,.36);font-size:.78rem;transition:var(--transition)}
.footer-bottom-links a:hover{color:var(--accent)}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-img img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.about-img{position:relative}
.about-img::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid var(--accent);border-radius:var(--radius-lg);opacity:.4;pointer-events:none}
.values-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.value-item{display:flex;gap:14px;align-items:flex-start}
.value-item i{width:36px;height:36px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:.9rem;flex-shrink:0}
.value-item h4{font-size:.95rem;margin-bottom:4px}
.value-item p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.6}

.category-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px;justify-content:center}
.filter-btn{padding:9px 20px;border-radius:22px;font-size:.84rem;font-weight:600;border:2px solid var(--border);color:var(--text-muted);background:var(--white);transition:var(--transition);cursor:pointer}
.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-light)}

.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.how-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.how-img img{width:100%;height:auto}
.access-steps{background:var(--white);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}

.page-top-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}
.page-top-meta span{display:flex;align-items:center;gap:7px;font-size:.83rem;color:rgba(255,255,255,.6)}
.page-top-meta span i{color:var(--accent)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .6s ease both}
.fade-delay-1{animation-delay:.1s}
.fade-delay-2{animation-delay:.2s}
.fade-delay-3{animation-delay:.3s}

@media (max-width:1100px){
.footer-grid{grid-template-columns:1fr 1fr;gap:34px}
.grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.grid-3{grid-template-columns:repeat(2,1fr)}
.about-grid,.how-grid{grid-template-columns:1fr;gap:36px}
.about-img::before{display:none}
.cta-banner{padding:48px 32px}
}
@media (max-width:768px){
.nav-menu{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--primary);flex-direction:column;align-items:stretch;padding:16px 18px;gap:2px;overflow-y:auto;z-index:999}
.nav-menu.open{display:flex}
.nav-toggle{display:flex}
.nav-link{padding:13px 16px;font-size:.93rem;border-radius:var(--radius-sm)}
.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.04);border-radius:var(--radius-sm);margin-top:4px;display:none;border-top:none}
.nav-item.dd-open .nav-dropdown{display:block}
.nav-dropdown a{color:rgba(255,255,255,.65);border-bottom-color:rgba(255,255,255,.06);padding:10px 16px}
.nav-dropdown a:hover{background:rgba(255,255,255,.04);color:var(--accent);padding-left:22px}
.nav-link-cta{margin-left:0}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.hero-actions{flex-direction:column;align-items:flex-start}
.hero-stats{gap:22px}
.section{padding:58px 0}
.cta-banner{padding:38px 22px}
.step{flex-direction:row}
.footer-bottom-inner{flex-direction:column;align-items:flex-start}
.contact-form-wrap{padding:26px 22px}
}
@media (max-width:480px){
.hero{min-height:520px}
.hero-stats{gap:18px}
.btn-lg{padding:13px 24px;font-size:.93rem}
.stats-bar-inner{justify-content:center}
.grid-4{grid-template-columns:1fr}
.cta-banner{padding:32px 18px}
}