@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Noto+Sans+JP:wght@300;400;700&display=swap";:root{--bg-color:#020205;--text-main:#e2e8f0;--text-muted:#8ba1b6;--color-blue:#00e5ff;--color-green:#0f6;--color-teal:#0df0e3;--color-orange:#ff3c00;--color-gray:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Noto Sans JP,sans-serif;line-height:1.6;overflow-x:hidden}.container{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1.5rem;display:flex;position:relative}.background-effect{z-index:-2;background:radial-gradient(circle at 25% 30%,#00e5ff40,#0000 50%),radial-gradient(circle at 75% 70%,#8a2be240,#0000 50%),radial-gradient(circle at 50% 10%,#0066ff4d,#0000 60%),linear-gradient(135deg,#050b1a 0%,#0d1a3b 50%,#050410 100%);width:100%;height:100%;animation:12s ease-in-out infinite alternate pulseNebula;position:fixed;top:0;left:0;overflow:hidden}@keyframes pulseNebula{0%{filter:brightness(.9);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)}}.background-effect:before{content:"";z-index:-1;background-image:linear-gradient(#00e5ff0d 1px,#0000 1px),linear-gradient(90deg,#00e5ff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:200%;animation:15s linear infinite gridMove;position:absolute;top:0;left:0;transform:perspective(600px)rotateX(60deg)translateY(-100px)translateZ(-200px)}@keyframes gridMove{0%{transform:perspective(600px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(600px)rotateX(60deg)translateY(50px)translateZ(-200px)}}.header{text-align:center;margin-bottom:4rem;animation:1s cubic-bezier(.16,1,.3,1) forwards floatIn}.logo-link{text-decoration:none;display:inline-block}.logo-wrapper{margin-bottom:2rem;display:inline-block;position:relative}.logo{z-index:2;filter:drop-shadow(0 0 10px #00e5ff4d);border-radius:8px;width:140px;height:auto;transition:transform .4s,filter .4s;position:relative}.logo-glow{background:var(--color-blue);filter:blur(25px);opacity:.1;z-index:1;border-radius:50%;width:100%;height:100%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-link:hover .logo{filter:drop-shadow(0 0 15px #00e5ffcc);transform:scale(1.05)}.logo-link:hover .logo-glow{opacity:.3}.title{letter-spacing:.15em;color:#fff;text-shadow:0 0 10px var(--color-blue), 0 0 20px #00e5ff80;text-transform:uppercase;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.2}.title-highlight{color:#fa0;text-shadow:0 0 15px #fa09,0 0 30px #fa06;margin-top:.2rem;font-size:3.2rem;display:block}.subtitle-link{color:#90cdf4;letter-spacing:.1em;text-shadow:0 0 5px #90cdf44d;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.subtitle-link:hover{color:#fff;text-shadow:0 0 10px var(--color-blue), 0 0 20px var(--color-blue)}.subtitle-container{flex-direction:column;align-items:center;gap:1.2rem;margin-top:1rem;display:flex}.subtitle-description{color:#fff;letter-spacing:.05em;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:8px;max-width:90%;margin:0 auto;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1.6;box-shadow:0 0 15px #00e5ff1a}.mobile-break{display:none}.links-container{z-index:2;flex-direction:column;gap:2rem;width:100%;max-width:700px;padding-bottom:4rem;display:flex}.animated-wrapper{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(30px)}.card-wrapper{text-decoration:none;display:block}.link-card{-webkit-backdrop-filter:blur(12px);background:#040914b3;border:1px solid #ffffff0d;border-radius:4px;padding:2.2rem 2rem;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #000c}.link-card:before{content:"";background:var(--card-color);width:4px;height:100%;box-shadow:0 0 10px var(--card-color), 0 0 20px var(--card-color);z-index:0;transition:width .4s,opacity .4s;position:absolute;top:0;left:0}.link-card:after{content:"";opacity:.5;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.interactive:hover .link-card{box-shadow:0 25px 50px #000000e6, 0 0 40px rgba(var(--card-rgb), .15);background:#040f1ee6;border-color:#fff3;transform:translateY(-8px)scale(1.02)}.interactive:hover .link-card:before{opacity:.08;width:100%}.card-blue{--card-color:var(--color-blue);--card-rgb:0, 229, 255}.card-green{--card-color:var(--color-green);--card-rgb:0, 255, 102}.card-teal{--card-color:var(--color-teal);--card-rgb:13, 240, 227}.card-orange{--card-color:var(--color-orange);--card-rgb:255, 60, 0}.card-gray{--card-color:var(--color-gray);--card-rgb:74, 85, 104}.card-content{z-index:2;align-items:flex-start;gap:1.8rem;display:flex;position:relative}.icon-wrapper{width:68px;height:68px;color:var(--card-color);box-shadow:inset 0 0 20px rgba(var(--card-rgb), .05);background:#0009;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.interactive:hover .icon-wrapper{background:rgba(var(--card-rgb), .1);border-color:var(--card-color);box-shadow:0 0 25px rgba(var(--card-rgb), .5), inset 0 0 25px rgba(var(--card-rgb), .3);transform:rotate(10deg)scale(1.15)}.text-content{flex-grow:1;padding-top:.2rem}.text-content h2{color:#fff;letter-spacing:.08em;text-shadow:0 0 8px #fff3;margin-bottom:.6rem;font-size:1.35rem;font-weight:700;line-height:1.4;transition:all .3s}.interactive:hover .text-content h2{color:var(--card-color);text-shadow:0 0 15px rgba(var(--card-rgb), .6);letter-spacing:.12em}.text-content p{color:#fffffff2;letter-spacing:.03em;text-shadow:0 2px 5px #000000e6;font-size:.95rem;line-height:1.8}.arrow-icon{color:var(--card-color);opacity:.3;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.interactive:hover .arrow-icon{opacity:1;filter:drop-shadow(0 0 8px var(--card-color));transform:translate(12px)translateY(-12px)scale(1.3)}.disabled{opacity:.4;filter:grayscale()}.footer{text-align:center;color:#4a5568;letter-spacing:.15em;text-transform:uppercase;margin-top:auto;padding:4rem 0 2rem;font-family:Orbitron,sans-serif;font-size:.75rem}@keyframes floatIn{0%{opacity:0;filter:blur(15px);transform:translateY(-40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;filter:blur(5px);transform:translateY(50px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=600px){.container{padding:3rem 1rem}.title{font-size:2rem}.mobile-break{display:block}.link-card{padding:1.8rem 1.25rem}.card-content{flex-wrap:wrap;gap:1.25rem}.icon-wrapper{width:60px;height:60px}.icon{width:26px;height:26px}.text-content{width:calc(100% - 90px - 1.25rem)}.text-content h2{font-size:1.15rem}.text-content p{font-size:.88rem}.arrow-icon{position:absolute;top:1.8rem;right:1.25rem}}