.resources-page{overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.hero{background:linear-gradient(135deg,#2563eb08 0%,#0d948808 100%);padding:10rem 0 5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#2563eb14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-100px}.hero-content{text-align:center;z-index:10;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--accent-primary);background:#2563eb1a;border:1px solid #2563eb33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.hero-title{color:var(--text-primary);margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.2}.hero-title .highlight{color:var(--accent-primary)}.hero-description{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}section{padding:5rem 0}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-label .icon{width:16px;height:16px}.section-title{color:var(--text-primary);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(1.75rem,3.5vw,2.25rem)}.section-desc{color:var(--text-secondary);max-width:700px;font-size:1.1rem}.resources-section{background:var(--bg-secondary)}.resources-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}@media (max-width:900px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.resources-grid{grid-template-columns:1fr}}.resource-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.resource-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.resource-card.coming-soon{opacity:.7}.resource-card.coming-soon:after{content:"Sắp ra mắt";background:var(--text-muted);color:#fff;padding:.25rem 2.5rem;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:-2rem;transform:rotate(45deg)}.resource-card.featured{border:2px solid var(--accent-purple);background:linear-gradient(135deg,#7c3aed08 0%,#2563eb08 100%);position:relative}.resource-card.featured:before{content:"⭐ NỔI BẬT";background:linear-gradient(135deg,var(--accent-purple)0%,var(--accent-primary)100%);color:#fff;padding:.25rem 2.5rem;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:-2rem;transform:rotate(45deg);box-shadow:0 2px 8px #7c3aed4d}.resource-card.featured:hover{transform:translateY(-8px);box-shadow:0 12px 24px #7c3aed26}.resource-card.featured h3{background:linear-gradient(135deg,var(--accent-purple),var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem}.resource-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.resource-icon .icon{width:28px;height:28px}.resource-icon.blue{color:var(--accent-primary);background:#2563eb1a}.resource-icon.teal{color:var(--accent-teal);background:#0d94881a}.resource-icon.gold{color:var(--accent-gold);background:#d977061a}.resource-icon.purple{color:var(--accent-purple);background:#7c3aed1a}.resource-icon.coral{color:var(--accent-coral);background:#e85a4f1a}.resource-type{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:inline-block}.resource-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600;line-height:1.4}.resource-card>p{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.resource-cta{color:var(--accent-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.resource-cta:hover{gap:.75rem}.resource-cta .icon{width:18px;height:18px}.resource-card.coming-soon .resource-cta{color:var(--text-muted);pointer-events:none}.app-card{background:linear-gradient(135deg,#0d94880d 0%,#2563eb0d 100%);border:2px solid #0d948826;border-radius:24px;grid-template-columns:300px 1fr;align-items:center;gap:3rem;margin-top:3rem;padding:3rem;display:grid}@media (max-width:900px){.app-card{text-align:center;grid-template-columns:1fr;padding:2rem}}.app-visual{justify-content:center;display:flex}.app-icon-large{background:var(--gradient-teal);width:200px;height:200px;box-shadow:var(--shadow-xl);border-radius:40px;justify-content:center;align-items:center;display:flex}.app-icon-large .icon{color:#fff;width:80px;height:80px}.app-badge{color:var(--accent-teal);background:#0d94881a;border:1px solid #0d948833;border-radius:100px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.app-content h3{color:var(--text-primary);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:2rem}.app-tagline{color:var(--accent-teal);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.app-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.app-features{margin-bottom:2rem;list-style:none}@media (max-width:900px){.app-features{text-align:left;display:inline-block}}.app-features li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.app-features li .icon{width:20px;height:20px;color:var(--accent-teal);flex-shrink:0;margin-top:2px}.app-features li strong{color:var(--text-primary)}.app-cta{background:var(--gradient-teal);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.app-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0d94884d}.app-cta .icon{width:20px;height:20px}.video-section{background:var(--bg-primary)}.video-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}.video-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;border-radius:16px;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.video-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:center;align-items:center;display:flex;position:relative}.video-thumbnail .play-btn{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex}.video-card:hover .play-btn{box-shadow:var(--shadow-lg);transform:scale(1.1)}.play-btn .icon{width:28px;height:28px;color:var(--accent-primary);margin-left:4px}.video-content{padding:1.5rem}.video-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.video-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.video-link{color:var(--accent-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.video-link .icon{width:18px;height:18px}.newsletter-section{background:linear-gradient(135deg,#2563eb0d 0%,#0d94880d 100%);padding:5rem 0}.newsletter-card{text-align:center;max-width:700px;margin:0 auto}.newsletter-icon{background:var(--gradient-primary);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex}.newsletter-icon .icon{color:#fff;width:40px;height:40px}.newsletter-card h2{color:var(--text-primary);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2rem}.newsletter-card>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.newsletter-features{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.newsletter-feature{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.newsletter-feature .icon{width:18px;height:18px;color:var(--accent-teal)}.newsletter-cta{background:var(--gradient-primary);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.newsletter-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.newsletter-cta .icon{width:20px;height:20px}.cta-section{text-align:center;background:var(--bg-secondary);padding:5rem 0}.cta-content{max-width:600px;margin:0 auto}.cta-title{color:var(--text-primary);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2rem)}.cta-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border-radius:10px;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn .icon{width:20px;height:20px}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{border:2px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--accent-primary);background:#2563eb0d}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:3rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.75rem;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-icon .icon{color:#fff;width:20px;height:20px}.footer-logo-text{color:var(--text-primary);font-size:1.1rem;font-weight:600}.footer-copyright{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column}.container{padding:0 1rem}.hero{padding:6rem 0 3rem}.hero-badge{padding:.4rem .8rem;font-size:.75rem}.hero-title{font-size:clamp(1.6rem,6vw,2.2rem)}.hero-description{font-size:1rem}section{padding:3rem 0}.section-label{font-size:.75rem}.section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.section-desc{font-size:1rem}.resource-card{padding:1.5rem}.resource-card h3{font-size:1.1rem}.resource-card p{font-size:.9rem}.video-card{padding:1.5rem}.video-card h4{font-size:1.1rem}.video-card p{font-size:.9rem}.app-card{padding:1.5rem}.app-card h3{font-size:1.2rem}.app-card p{font-size:.9rem}.btn{padding:.9rem 1.5rem;font-size:.95rem}.cta-section{padding:3rem 0}.cta-title{font-size:clamp(1.4rem,5vw,1.8rem)}.cta-desc{font-size:1rem}.cta-buttons{flex-direction:column;gap:.75rem}.cta-buttons .btn{justify-content:center;width:100%}.footer{padding:2rem 0}}