.gold-underline { position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0,5 C30,2 70,8 100,5' stroke='gold' stroke-width='7' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 85%; background-size: 0% 10px; opacity: 0;}.gold-underline.animate { animation: drawLine 0.8s ease-out forwards; animation-delay: 1s; opacity: 1;}@keyframes drawLine { to { background-size: 100% 10px; }}@media screen and (max-width: 767px) { .gold-underline { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0,5 C30,2 70,8 100,5' stroke='gold' stroke-width='4' fill='none'/%3E%3C/svg%3E"); }}.golden-text { display: inline; position: relative; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(90deg, gold 0%, gold 50%, currentColor 50%); background-size: 200% 100%; background-position: 100% 0; opacity: 0;}.golden-text.animate { animation: goldText 1.6s forwards; opacity: 1;}.word-1.animate { animation-delay: 0.5s;}.word-2.animate { animation-delay: 1.5s;}@keyframes goldText { to { color: transparent; background-position: 0 0; }}