:root{--bg-color:#05050a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#06b6d4}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;display:flex;overflow-x:hidden}.perspective-container{perspective:1200px}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s,background .5s;box-shadow:0 4px 30px #00000080}.glass-card:hover{background:#ffffff0f;transform:translateY(-8px)rotateX(4deg)rotateY(-4deg);box-shadow:0 20px 40px #06b6d426,inset 0 0 0 1px #ffffff26}.nav-link{color:var(--text-muted);letter-spacing:.05em;font-size:.9rem;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-main)}.nav-button{color:var(--accent);letter-spacing:.05em;border:1px solid var(--accent);border-radius:50px;padding:.5rem 1.5rem;font-size:.9rem;text-decoration:none;transition:all .3s}.nav-button:hover{background:#06b6d41a}