@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap";.phong-thuy-page{--phong-thuy-primary: #2c5f2d;--phong-thuy-primary-light: #4a9d4d;--phong-thuy-secondary: #5d8a82;--phong-thuy-accent: #c9a66b;--phong-thuy-accent-rgb: 201, 166, 107;--phong-thuy-background: #f8f9fa;--phong-thuy-card-bg: #ffffff;--phong-thuy-text: #333333;--phong-thuy-text-light: #666666;--phong-thuy-hero-text: #2c5f2d;--phong-thuy-hero-text-light: #5d8a82;--phong-thuy-hero-bg-start: #f0f9ff;--phong-thuy-hero-bg-end: #e6fffa;--metal: #f1f5f9;--wood: #ecfdf5;--water: #eff6ff;--fire: #fef2f2;--earth: #fefce8;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem}.dark .phong-thuy-page{--phong-thuy-primary: #6bc46d;--phong-thuy-primary-light: #86d189;--phong-thuy-secondary: #8fb3a9;--phong-thuy-accent: #e0c68f;--phong-thuy-accent-rgb: 224, 198, 143;--phong-thuy-background: #1a202c;--phong-thuy-card-bg: #2d3748;--phong-thuy-text: #e2e8f0;--phong-thuy-text-light: #cbd5e0;--phong-thuy-hero-text: #6bc46d;--phong-thuy-hero-text-light: #8fb3a9;--phong-thuy-hero-bg-start: #2d3748;--phong-thuy-hero-bg-end: #2f5d46;--metal: #4a5568;--wood: #2f5d46;--water: #2c5282;--fire: #822727;--earth: #825a2c;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.fade-in-up.is-visible{opacity:1;transform:translateY(0)}.phong-thuy-hero{background:linear-gradient(135deg,var(--phong-thuy-hero-bg-start) 0%,var(--phong-thuy-hero-bg-end) 100%);padding:var(--spacing-2xl) var(--spacing-sm);text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.05)}.dark .phong-thuy-hero{border-bottom:1px solid rgba(255,255,255,.1)}.phong-thuy-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%234a9d4d' fill-opacity='0.06' d='M0 40C20 40 20 0 40 0S60 40 80 40V0H0z'%3E%3C/path%3E%3C/svg%3E");background-size:80px 40px;z-index:0;opacity:.5}.dark .phong-thuy-hero:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%236bc46d' fill-opacity='0.1' d='M0 40C20 40 20 0 40 0S60 40 80 40V0H0z'%3E%3C/path%3E%3C/svg%3E")}.phong-thuy-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.phong-thuy-hero h1,.phong-thuy-page h1,.phong-thuy-page h2,.phong-thuy-page h3{font-family:Playfair Display,serif}.phong-thuy-hero h1{font-size:3rem;font-weight:800;color:var(--phong-thuy-hero-text);margin-bottom:var(--spacing-sm);line-height:1.2}.phong-thuy-hero p{font-size:1.25rem;color:var(--phong-thuy-hero-text-light);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.five-elements-section{padding:var(--spacing-2xl) var(--spacing-sm);background-color:var(--phong-thuy-background)}.five-elements-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:var(--phong-thuy-primary);margin-bottom:var(--spacing-xl);position:relative}.five-elements-section h2:after{content:"";display:block;width:60px;height:4px;background:var(--phong-thuy-accent);margin:var(--spacing-xs) auto 0;border-radius:2px}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.element-card{background:var(--phong-thuy-card-bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;height:100%;border:1px solid transparent}.element-card:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(var(--phong-thuy-accent-rgb),.3),var(--shadow-lg);border-color:rgba(var(--phong-thuy-accent-rgb),.5)}.element-header{padding:var(--spacing-md);text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}.dark .element-header{border-bottom:1px solid rgba(255,255,255,.1)}.element-icon{font-size:3rem;margin-bottom:var(--spacing-sm);display:block;color:var(--phong-thuy-primary)}.element-name{font-size:1.75rem;font-weight:700;font-family:Playfair Display,serif;margin-bottom:var(--spacing-xs);color:var(--phong-thuy-text)}.element-keywords{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.keyword{background:#0000000d;color:var(--phong-thuy-text-light);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.dark .keyword{background:#ffffff1a}.element-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.element-description{color:var(--phong-thuy-text-light);line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.element-philosophy{background:#00000008;border-radius:12px;padding:var(--spacing-sm);font-style:italic;color:var(--phong-thuy-text-light);font-size:.95rem;line-height:1.5;border-left:3px solid var(--phong-thuy-accent)}.dark .element-philosophy{background:#ffffff0d}.element-card.metal{border-top:4px solid #94a3b8}.element-card.wood{border-top:4px solid #4ade80}.element-card.water{border-top:4px solid #60a5fa}.element-card.fire{border-top:4px solid #f87171}.element-card.earth{border-top:4px solid #fbbf24}.dark .element-card.metal{border-top-color:#6b7280}.dark .element-card.wood{border-top-color:#10b981}.dark .element-card.water{border-top-color:#3b82f6}.dark .element-card.fire{border-top-color:#ef4444}.dark .element-card.earth{border-top-color:#f59e0b}.generating-overcoming-section{padding:var(--spacing-2xl) var(--spacing-sm);background-color:var(--phong-thuy-card-bg)}.dark .generating-overcoming-section{background-color:var(--phong-thuy-background)}.generating-overcoming-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:var(--phong-thuy-primary);margin-bottom:var(--spacing-xl);position:relative}.generating-overcoming-section h2:after{content:"";display:block;width:60px;height:4px;background:var(--phong-thuy-accent);margin:var(--spacing-xs) auto 0;border-radius:2px}.cycle-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-xl)}.cycle-card{background:var(--phong-thuy-background);border-radius:16px;padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dark .cycle-card{background:var(--phong-thuy-card-bg)}.cycle-card.generating{border-top:4px solid var(--phong-thuy-primary-light)}.cycle-card.overcoming{border-top:4px solid #f87171}.cycle-card h3{font-size:1.75rem;font-weight:700;color:var(--phong-thuy-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.cycle-explanation{color:var(--phong-thuy-text-light);line-height:1.7;margin-bottom:var(--spacing-md)}.cycle-list{list-style-type:none;padding:0;margin:0}.cycle-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--spacing-sm)}.dark .cycle-list li{border-bottom:1px solid rgba(255,255,255,.1)}.cycle-list li:last-child{border-bottom:none}.cycle-icon{font-size:1.25rem;min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d;color:var(--phong-thuy-primary)}.dark .cycle-icon{background:#ffffff1a}.cycle-text{color:var(--phong-thuy-text);font-weight:500}.cycle-description{color:var(--phong-thuy-text-light);font-size:.95rem;margin-top:.25rem}@media(max-width:1024px){.phong-thuy-hero h1{font-size:2.5rem}.phong-thuy-hero p{font-size:1.125rem}.cycle-container{grid-template-columns:1fr}}@media(max-width:768px){.phong-thuy-hero{padding:var(--spacing-xl) var(--spacing-sm)}.phong-thuy-hero h1{font-size:2.25rem}.phong-thuy-hero p{font-size:1rem}.five-elements-section,.generating-overcoming-section{padding:var(--spacing-xl) var(--spacing-sm)}.five-elements-section h2,.generating-overcoming-section h2{font-size:2rem}.elements-grid{grid-template-columns:1fr}.cycle-container{gap:var(--spacing-lg)}}@media(max-width:480px){.phong-thuy-hero h1{font-size:2rem}.five-elements-section h2,.generating-overcoming-section h2{font-size:1.75rem}.element-name{font-size:1.5rem}.element-icon{font-size:2.5rem}.cycle-card{padding:var(--spacing-md)}}