:root{--primary: #0062ff;--secondary: #6366f1;--accent: #f43f5e;--text-main: #1d1d1f;--text-muted: #6b7280;--bg-light: #ffffff;--bg-section: #f9fafb;--nav-h: 80px}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body{font-family: 'Plus Jakarta Sans', 'Be Vietnam Pro', sans-serif;background-color: var(--bg-light);color: var(--text-main);line-height: 1.7;overflow-x: hidden}nav{position: fixed;top: 0;width: 100%;height: var(--nav-h);background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(20px);z-index: 1000;display: flex;justify-content: space-between;align-items: center;padding: 0 8%;border-bottom: 1px solid rgba(0,0,0,0.05)}.logo{font-size: 1.8rem;font-weight: 800;color: var(--primary);text-decoration: none;letter-spacing: -1.5px;z-index: 1100}.nav-links{display: flex;gap: 30px}.nav-links a{text-decoration: none;color: var(--text-main);font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: 0.3s}.nav-links a:hover{color: var(--primary)}@media (max-width: 992px){.menu-toggle{display: block !important;position: relative;z-index: 1200;cursor: pointer}.nav-links{position: fixed;top: 0;right: -100%;width: 100px;height: 100vh;background: rgba(255, 255, 255, 0.95);border-radius: 15px;border-left: 1px solid #eee;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding-top: 80px;padding-left: 15px;gap: 25px;transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: -10px 0 30px rgba(0,0,0,0.05);z-index: 1050}.nav-links a{font-size: 0.9rem;font-weight: 600;color: var(--text-main);text-decoration: none;transition: 0.3s;width: auto}.nav-links.active{right: 0}}header.hero{padding: 180px 8% 100px;text-align: center;background: radial-gradient(circle at 50% 50%, rgba(0, 98, 255, 0.03) 0%, transparent 70%)}.hero h1{font-size: clamp(2.5rem, 7vw, 5rem);font-weight: 800;line-height: 1.1;margin-bottom: 30px;letter-spacing: -2px}.hero h1 span{color: var(--primary)}.hero p{max-width: 800px;margin: 0 auto 40px;font-size: 1.25rem;color: var(--text-muted)}section{padding: 120px 8%;position: relative}.section-tag{color: var(--primary);font-weight: 800;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 3px;display: block;margin-bottom: 15px}.section-title{font-size: 3.5rem;font-weight: 800;margin-bottom: 40px;letter-spacing: -2px}.definition-box{background: white;padding: 50px;border-radius: 40px;border: 1px solid #eee;box-shadow: 0 20px 50px rgba(0,0,0,0.03);display: grid;grid-template-columns: 1fr 1.5fr;gap: 60px;align-items: start}.def-content h4{font-size: 1.8rem;margin-bottom: 20px;color: var(--primary);display: flex;align-items: center;gap: 15px}.def-content h4 i{font-size: 1.4rem;opacity: 0.5}.def-content p{font-size: 1.1rem;color: var(--text-muted);margin-bottom: 25px}.importance-list{list-style: none}.importance-list li{margin-bottom: 20px;display: flex;gap: 15px;align-items: flex-start}.importance-list i{color: var(--primary);margin-top: 5px;font-size: 0.9rem}.importance-list span{font-weight: 700;color: var(--text-main);display: block}#heritage{background-color: var(--bg-section)}#family{background-color: #fff}#personal{background-color: var(--bg-section)}.path-container{margin-top: 80px;display: flex;justify-content: space-around;position: relative}.path-step{text-align: center;flex: 1;position: relative;padding: 0 20px}.path-step::after{content: "\f061";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;right: -15px;top: 30%;color: #ddd;font-size: 1.5rem}.path-step:last-child::after{content: ""}.path-step i{font-size: 2.5rem;color: var(--primary);margin-bottom: 20px}footer{padding: 100px 8% 50px;background: #111;color: white}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 100px;margin-bottom: 60px}.footer-logo{font-size: 2rem;font-weight: 800;color: var(--primary);margin-bottom: 20px}.footer-links h5{font-size: 1.1rem;margin-bottom: 25px}.footer-links ul{list-style: none}.footer-links li{margin-bottom: 12px}.footer-links a{color: #888;text-decoration: none;transition: 0.3s}.footer-links a:hover{color: white}@media (max-width: 1024px){.definition-box{grid-template-columns: 1fr;gap: 40px;padding: 30px}.section-title{font-size: 2.5rem}.path-container{flex-direction: column;gap: 50px}.path-step::after{transform: rotate(90deg);bottom: -40px;right: 45%;top: auto}.footer-grid{grid-template-columns: 1fr;gap: 50px}}