body{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Cinzel,Noto Serif JP,serif;display:flex}.lang-switch{letter-spacing:2px;font-size:.9rem;position:absolute;top:20px;right:20px}.lang-switch span{cursor:pointer;opacity:.5;transition:opacity .3s}.lang-switch span.active,.lang-switch span:hover{opacity:1}.container{text-align:center;flex-direction:column;align-items:center;margin-top:-50px;display:flex}.logo h1{letter-spacing:4px;margin:0 0 4rem;font-size:4rem;font-weight:700}.main-menu ul{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.main-menu li{margin:0}.main-menu a{color:#fff;letter-spacing:3px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:opacity .3s}.main-menu a:hover{opacity:.7}.main-menu li.booking{margin-top:2rem}.main-menu li.booking a{border:1px solid #fff;padding:1rem 3rem;transition:background-color .3s,color .3s;display:inline-block}.main-menu li.booking a:hover{color:#000;opacity:1;background-color:#fff}.tutorial-link{white-space:nowrap;color:#fff;letter-spacing:1px;opacity:.8;border:1px solid #ffffff80;padding:.6rem 2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s,opacity .3s;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.tutorial-link:hover{color:#000;opacity:1;background-color:#fff}.social-footer{justify-content:center;gap:2rem;width:100%;display:flex;position:absolute;bottom:40px}.reflection-btn{box-sizing:border-box;z-index:1;white-space:nowrap;color:#fff;letter-spacing:1px;opacity:.7;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:4px;align-items:center;height:24px;padding:0 .75rem;font-family:inherit;font-size:.8rem;transition:opacity .3s,background-color .3s,color .3s;display:flex;position:absolute;bottom:40px;left:calc(25% - 48px);transform:translate(-50%)}.reflection-btn:hover{opacity:1;color:#000;background-color:#fff}.social-icon{color:#fff;opacity:.7;transition:opacity .3s,transform .3s;display:flex}.social-icon:hover{opacity:1;transform:translateY(-3px)}@media (width<=600px){.logo h1{font-size:3rem}.main-menu a{font-size:1rem}.main-menu li.booking a{padding:.8rem 2.5rem}.tutorial-link{padding:.5rem 1.5rem;font-size:.8rem}.social-footer{gap:1.5rem}.reflection-btn{letter-spacing:0;padding:0 .5rem;font-size:.7rem;left:calc(25% - 42px)}}