:root{--bg-color: #fef3c7;--text-color: #1f2937;--link-bg-color: #ffffff;--link-hover-bg-color: #fde68a;--accent-color: #f59e0b;--shadow-color: rgba(245, 158, 11, .1);--shadow-color-hover: rgba(245, 158, 11, .3)}*{margin:0;padding:0;box-sizing:border-box}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-gradient);background-size:200% 200%;animation:gradientShift 10s ease infinite;color:var(--text-color);height:100vh;position:relative;overflow:hidden;margin:0;display:flex;align-items:center;justify-content:center;transition:background .5s ease,color .5s ease}.hero-content{text-align:center;position:relative;z-index:2;margin-bottom:40px}.logo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));animation:float 4s ease-in-out infinite,logoPulse 3s ease-in-out infinite;margin:0 auto 32px;display:block}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-title{font-size:64px;font-weight:900;margin:0;color:#1f2937;letter-spacing:-2px}.container{width:100%;max-width:680px;padding:20px;position:relative;z-index:2;max-height:100vh;overflow-y:auto}.links{display:flex;flex-direction:column;gap:20px}.link-item{display:flex;align-items:center;gap:20px;padding:24px 32px;background:var(--link-bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;text-decoration:none;color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 4px 20px var(--shadow-color)}.link-item:hover{transform:translateY(-5px) scale(1.02) rotate(-1deg);box-shadow:0 15px 40px var(--shadow-color-hover);background:var(--link-hover-bg-color);border-color:var(--accent-color)}.link-item:hover .icon{transform:scale(1.3)}.icon{width:24px;height:24px;flex-shrink:0;transition:all .5s ease;color:inherit;display:flex;align-items:center;justify-content:center}.icon svg,.icon-lucide{width:24px;height:24px}.link-item span{font-size:17px;font-weight:500;letter-spacing:.3px}.link-item:nth-child(1){animation:fadeIn .8s ease-out .1s backwards}.link-item:nth-child(2){animation:fadeIn .8s ease-out .2s backwards}.link-item:nth-child(3){animation:fadeIn .8s ease-out .3s backwards}.link-item:nth-child(4){animation:fadeIn .8s ease-out .4s backwards}@media (max-width: 640px){.logo{width:140px;height:140px}.hero-title{font-size:48px}.link-item{padding:18px 24px}.link-item span{font-size:16px}.icon{width:24px;height:24px}}