.btn {display: inline-block;background: linear-gradient(45deg, #ff9966, #ff5e62);color: white;padding: 12px 30px;border-radius: 30px;text-decoration: none;font-weight: bold;margin-top: 1rem;transition: transform 0.3s, box-shadow 0.3s;box-shadow: 0 4px 15px rgba(255, 94, 98, 0.3);}.btn:hover {transform: translateY(-3px);box-shadow: 0 6px 20px rgba(255, 94, 98, 0.4);}#splash-screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2000;opacity: 1;transition: opacity 1.2s ease;}.splash-logo {width: 180px;height: 180px;margin-bottom: 3rem;opacity: 0;animation: logo-appear 2s forwards 0.5s;}.splash-text {color: #0a0e17;font-size: 2.2rem;text-align: center;opacity: 0;position: absolute;width: 100%;padding: 0 20px;text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);}.splash-text span {display: block;margin-top: 0.5rem;font-size: 1.4rem;color: #aaa;}.skip-hint {position: absolute;bottom: 40px;color: #888;font-size: 1rem;opacity: 0.7;animation: pulse 2s infinite;}@keyframes fadeInOut {0% {opacity: 0;transform: translateY(20px);}20% {opacity: 1;transform: translateY(0);}80% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-20px);}}@keyframes logo-appear {0% {opacity: 0;transform: scale(0.8);}100% {opacity: 1;transform: scale(1);}}@keyframes pulse {0% {opacity: 0.4;}50% {opacity: 1;}100% {opacity: 0.4;}}@media (max-width: 768px) {h1 {font-size: 2.5rem;}.splash-text {font-size: 1.8rem;}.splash-text span {font-size: 1.1rem;}}#text1 {position: absolute;width: 100%;text-align: center;opacity: 0;}.splash-logo-image {max-width: 500px;width: 30vw;height: auto;filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));}#text4 {font-size: 1.5vw;padding: 0 5%;line-height: 1.6;overflow: hidden;box-sizing: border-box;word-break: break-word;}@media (max-width: 768px) {#text4 {font-size: 2.5vw;max-width: 90%;line-height: 1.8;}}@media (max-width: 480px) {#text4 {font-size: 3vw;}}